From eccd7b5d96bbcba49a4278a711b02f103949fa7a Mon Sep 17 00:00:00 2001
From: nzambello <nzambello@protonmail.com>
Date: Sat, 18 Feb 2023 23:45:47 +0100
Subject: [PATCH] feat: add sr-only h1 title per-page

---
 app/routes/importexport.tsx | 15 +++++++++++++++
 app/routes/login.tsx        | 15 +++++++++++++++
 app/routes/projects.tsx     | 15 +++++++++++++++
 app/routes/report.tsx       | 18 ++++++++++++++++--
 4 files changed, 61 insertions(+), 2 deletions(-)

diff --git a/app/routes/importexport.tsx b/app/routes/importexport.tsx
index b06b1fd..405385b 100644
--- a/app/routes/importexport.tsx
+++ b/app/routes/importexport.tsx
@@ -198,6 +198,21 @@ export default function ImportExportPage() {
 
   return (
     <div>
+      <h1
+        style={{
+          position: 'absolute',
+          width: '1px',
+          height: '1px',
+          padding: 0,
+          margin: '-1px',
+          overflow: 'hidden',
+          clip: 'rect(0,0,0,0)',
+          whiteSpace: 'nowrap',
+          border: 0
+        }}
+      >
+        Import/Export
+      </h1>
       <Tabs
         radius="sm"
         defaultValue="import"
diff --git a/app/routes/login.tsx b/app/routes/login.tsx
index 6cf1ad7..afca008 100644
--- a/app/routes/login.tsx
+++ b/app/routes/login.tsx
@@ -92,6 +92,21 @@ export default function LoginPage() {
 
   return (
     <Box sx={{ maxWidth: 300 }} mx="auto">
+      <h1
+        style={{
+          position: 'absolute',
+          width: '1px',
+          height: '1px',
+          padding: 0,
+          margin: '-1px',
+          overflow: 'hidden',
+          clip: 'rect(0,0,0,0)',
+          whiteSpace: 'nowrap',
+          border: 0
+        }}
+      >
+        Login
+      </h1>
       <Form method="post" noValidate>
         <TextInput
           mb={12}
diff --git a/app/routes/projects.tsx b/app/routes/projects.tsx
index e4ebb89..967e523 100644
--- a/app/routes/projects.tsx
+++ b/app/routes/projects.tsx
@@ -71,6 +71,21 @@ export default function Projects() {
 
   return (
     <div>
+      <h1
+        style={{
+          position: 'absolute',
+          width: '1px',
+          height: '1px',
+          padding: 0,
+          margin: '-1px',
+          overflow: 'hidden',
+          clip: 'rect(0,0,0,0)',
+          whiteSpace: 'nowrap',
+          border: 0
+        }}
+      >
+        Projects
+      </h1>
       <Paper
         component="fieldset"
         aria-controls="projects"
diff --git a/app/routes/report.tsx b/app/routes/report.tsx
index 071278c..739acef 100644
--- a/app/routes/report.tsx
+++ b/app/routes/report.tsx
@@ -1,4 +1,4 @@
-import { Box, Paper } from '@mantine/core';
+import { Box, Paper, Title } from '@mantine/core';
 import { MetaFunction, LoaderArgs, redirect, json } from '@remix-run/node';
 import { useLoaderData } from '@remix-run/react';
 import { getTimeEntries } from '~/models/timeEntry.server';
@@ -28,7 +28,21 @@ export default function ReportPage() {
 
   return (
     <>
-      <h1>Report</h1>
+      <h1
+        style={{
+          position: 'absolute',
+          width: '1px',
+          height: '1px',
+          padding: 0,
+          margin: '-1px',
+          overflow: 'hidden',
+          clip: 'rect(0,0,0,0)',
+          whiteSpace: 'nowrap',
+          border: 0
+        }}
+      >
+        Report
+      </h1>
       <Paper p="lg" radius="md">
         Coming soon
       </Paper>