add missing for attributes to form inputs (#1303)

ogcio · Dec 10, 2024 · 0ce271c · 0ce271c
1 parent 84b5633
commit 0ce271c
Show file tree

Hide file tree

Showing 2 changed files with 38 additions and 10 deletions.
diff --git a/apps/dashboard-admin/app/[locale]/categories/[categoryId]/create-subcategory/page.tsx b/apps/dashboard-admin/app/[locale]/categories/[categoryId]/create-subcategory/page.tsx
@@ -102,14 +102,16 @@ export default async function CreateItem(props: {
             {tForm("title")}
           </legend>
           <TextInput
-            label={{ text: tForm("en") }}
+            label={{ text: tForm("en"), htmlFor: "title_en" }}
             name='title_en'
+            id='title_en'
             required
             aria-label={tForm("titleLabelEn")}
           />
           <TextInput
-            label={{ text: tForm("ga") }}
+            label={{ text: tForm("ga"), htmlFor: "title_ga" }}
             name='title_ga'
+            id='title_ga'
             required
             aria-label={tForm("titleLabelGa")}
           />
@@ -128,13 +130,15 @@ export default async function CreateItem(props: {
           </legend>
 
           <TextInput
-            label={{ text: tForm("en") }}
+            label={{ text: tForm("en"), htmlFor: "text_en" }}
             name='text_en'
+            id='text_en'
             aria-label={tForm("textLabelEn")}
           />
           <TextInput
-            label={{ text: tForm("ga") }}
+            label={{ text: tForm("ga"), htmlFor: "text_ga" }}
             name='text_ga'
+            id='text_ga'
             aria-label={tForm("textLabelGa")}
           />
         </fieldset>

diff --git a/apps/dashboard-admin/app/[locale]/subcategories/[subcategoryId]/create-item/page.tsx b/apps/dashboard-admin/app/[locale]/subcategories/[subcategoryId]/create-item/page.tsx
@@ -287,9 +287,21 @@ export default async function CreateItem(props: {
           <legend style={{ fontSize: "18px", fontWeight: 600 }}>
             {tForm("link2")}
           </legend>
-          <TextInput label={{ text: tForm("en") }} name='1_link_name_en' />
-          <TextInput label={{ text: tForm("ga") }} name='1_link_name_ga' />
-          <TextInput label={{ text: tForm("href") }} name='1_link_href' />
+          <TextInput
+            label={{ text: tForm("en"), htmlFor: "1_link_name_en" }}
+            name='1_link_name_en'
+            id='1_link_name_en'
+          />
+          <TextInput
+            label={{ text: tForm("ga"), htmlFor: "1_link_name_ga" }}
+            name='1_link_name_ga'
+            id='1_link_name_ga'
+          />
+          <TextInput
+            label={{ text: tForm("href"), htmlFor: "1_link_href" }}
+            name='1_link_href'
+            id='1_link_href'
+          />
           <div className='govie-form-group'>
             <fieldset className='govie-fieldset'>
               <div className='govie-checkboxes govie-checkboxes--small'>
@@ -325,9 +337,21 @@ export default async function CreateItem(props: {
           <legend style={{ fontSize: "18px", fontWeight: 600 }}>
             {tForm("link3")}
           </legend>
-          <TextInput label={{ text: tForm("en") }} name='2_link_name_en' />
-          <TextInput label={{ text: tForm("ga") }} name='2_link_name_ga' />
-          <TextInput label={{ text: tForm("href") }} name='2_link_href' />
+          <TextInput
+            label={{ text: tForm("en"), htmlFor: "2_link_name_en" }}
+            name='2_link_name_en'
+            id='2_link_name_en'
+          />
+          <TextInput
+            label={{ text: tForm("ga"), htmlFor: "2_link_name_ga" }}
+            name='2_link_name_ga'
+            id='2_link_name_ga'
+          />
+          <TextInput
+            label={{ text: tForm("href"), htmlFor: "2_link_href" }}
+            name='2_link_href'
+            id='2_link_href'
+          />
           <div className='govie-form-group'>
             <fieldset className='govie-fieldset'>
               <div className='govie-checkboxes govie-checkboxes--small'>