fix: Fixed show descriptors per category on edit

Author: AlexVOiceover

src/components/statementWizard/EditStatementModal.tsx

@@ -88,8 +88,17 @@ export const EditStatementModal: React.FC<EditStatementModalProps> = ({
         return (
           <SubjectStep
             username={username}
-            // For editing mode, it doesn't need a preset question
-            presetQuestion={undefined}
+            // Create a mock preset question with the statement's category
+            presetQuestion={{
+              id: 'editing',
+              category: statement.category || 'wellbeing',
+              question: '', // Not needed for editing
+              steps: {
+                subject: {
+                  allowDescriptors: true
+                }
+              }
+            }}
             selection={localValue as string}
             onUpdate={(val) => setLocalValue(val)}
           />

src/components/statementWizard/StatementWizard.tsx

@@ -66,13 +66,23 @@ const StatementWizard: React.FC<StatementWizardProps> = ({
   });
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Initialize default values based on whether this is a preset or custom statement
   useEffect(() => {
+    // For preset questions, set the subject if a preset is specified
     if (presetQuestion?.steps?.subject?.preset) {
       setSelection((prev) => ({
         ...prev,
         atoms: { ...prev.atoms, subject: username },
       }));
     }
+    
+    // For custom statements, set the default category to 'uncategorised'
+    if (!presetQuestion) {
+      setSelection((prev) => ({
+        ...prev,
+        category: 'uncategorised',
+      }));
+    }
   }, [presetQuestion, username]);
 
   const currentStep = steps[currentStepIndex];
@@ -92,8 +102,11 @@ const StatementWizard: React.FC<StatementWizardProps> = ({
       id: Date.now().toString(),
       input: fullInput,
       presetId: presetQuestion ? presetQuestion.id : undefined,
+      // Ensure consistent casing for uncategorized - capital 'U'
       category:
-        presetQuestion?.category || selection.category || 'Uncategorized',
+        presetQuestion?.category || 
+        (selection.category === 'uncategorised' ? 'Uncategorized' : selection.category) || 
+        'Uncategorized',
     };
 
     try {

src/components/statementWizard/selectors/SubjectSelector.tsx

@@ -16,25 +16,32 @@ interface SubjectSelectorProps {
   onChange: (value: string) => void;
   onAddDescriptor: (descriptor: string) => void;
   username: string;
+  category?: string; // Add category prop
 }
 
 const SubjectSelector: React.FC<SubjectSelectorProps> = ({
   value,
   onChange,
   onAddDescriptor,
   username,
+  category = 'wellbeing', // Default to wellbeing if no category provided
 }) => {
   const subjectTiles: SubjectOption[] = useMemo(() => {
     const baseOption = { label: username, value: username };
-    const descriptorOptions = descriptorsData.descriptors.flatMap(
-      (descriptor) =>
-        descriptor.options.map((option) => ({
-          label: `${username}'s ${option}`,
-          value: `${username}'s ${option}`,
-        }))
+    
+    // Find the category in the descriptors data
+    const categoryData = descriptorsData.descriptors.find(
+      (descriptor) => descriptor.name.toLowerCase() === category.toLowerCase()
     );
+    
+    // Use the category's options if found, otherwise use an empty array
+    const descriptorOptions = (categoryData?.options || []).map((option) => ({
+      label: `${username}'s ${option}`,
+      value: `${username}'s ${option}`,
+    }));
+    
     return [baseOption, ...descriptorOptions];
-  }, [username]);
+  }, [username, category]);
   const [open, setOpen] = useState(false);
   const [search, setSearch] = useState('');
   const [isAddingNew, setIsAddingNew] = useState(false);