feat: categories on edit

Author: AlexVOiceover

data/statementsCategories.json

@@ -1,31 +1,31 @@
 {
   "categories": [
     {
-      "id": "wellbeing",
+      "id": "Wellbeing",
       "name": "Wellness at work"
     },
     {
-      "id": "parental",
+      "id": "Parental",
       "name": "My role as a parent and/or carer"
     },
     {
-      "id": "religious",
+      "id": "Religious",
       "name": "My religion or beliefs"
     },
     {
-      "id": "disability",
+      "id": "Disability",
       "name": "My experience as someone with a disability or long term condition"
     },
     {
-      "id": "colleagueSharing",
+      "id": "Colleague_Sharing",
       "name": "Colleague Sharing"
     },
     {
-      "id": "employerSupport",
+      "id": "Employer_Support",
       "name": "Employer Support"
     },
     {
-      "id": "personalIntroduction",
+      "id": "Personal_Introduction",
       "name": "Personal Introduction"
     }
   ]

src/components/statementWizard/EditStatementModal.tsx

@@ -75,7 +75,7 @@ export const EditStatementModal: React.FC<EditStatementModalProps> = ({
     subject: 'border-[var(--subject-selector)]',
     verb: 'border-[var(--verb-selector)]',
     object: 'border-[var(--object-input)]',
-    category: 'border-black',
+    category: 'border-[var(--category-selector)]',
     privacy: 'border-[var(--privacy-selector)]',
     complement: 'border-gray-400',
   };
@@ -92,10 +92,28 @@ export const EditStatementModal: React.FC<EditStatementModalProps> = ({
             presetQuestion={{
               id: 'editing',
               category: statement.category || 'wellbeing',
-              question: '', // Not needed for editing
+              mainQuestion: '', // Not needed for editing
               steps: {
                 subject: {
+                  question: '',
+                  preset: false,
+                  presetAnswer: null,
                   allowDescriptors: true
+                },
+                verb: {
+                  question: '',
+                  preset: false,
+                  presetAnswer: null
+                },
+                object: {
+                  question: '',
+                  preset: false,
+                  presetAnswer: null
+                },
+                privacy: {
+                  question: '',
+                  preset: false,
+                  presetAnswer: null
                 }
               }
             }}
@@ -152,7 +170,7 @@ export const EditStatementModal: React.FC<EditStatementModalProps> = ({
         {/* Optionally add a footer for explicit Save/Cancel */}
         <div className='p-4 flex justify-center gap-4'>
           <Button onClick={handleSave} variant='pink'>
-            Save
+            OK
           </Button>
           <Button onClick={onClose} variant='pink'>
             Cancel