feat: added dirty state to Context and Provider

Author: AlexVOiceover

…mentWizard/selectors/PrivacySelector.tsx …zard/selectors/DELETEPrivacySelector.tsxsrc/components/statementWizard/selectors/PrivacySelector.tsx renamed to src/components/statementWizard/selectors/DELETEPrivacySelector.tsx src/components/statementWizard/selectors/PrivacySelector.tsx renamed to src/components/statementWizard/selectors/DELETEPrivacySelector.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import StepContainer from '../StepContainer';
-import { PrivacySelector } from '../selectors/PrivacySelector';
+import { PrivacySelector } from '../selectors/DELETEPrivacySelector';
 
 interface PrivacyStepProps {
   isPublic: boolean;

src/components/statementWizard/steps/PrivacyStep.tsx

@@ -92,14 +92,19 @@ const StatementItem: React.FC<StatementItemProps> = ({
         <Button
           variant='ghost'
           size='sm'
-          onClick={() => onTogglePublic(statement.id)}
-          className={`${
-            statement.isPublic ? ' text-green-500' : ' text-red-700'
-          } hover:bg-opacity-75 rounded-md px-3 py-2`}
+          onClick={() => {
+            console.log('Privacy toggle clicked for statement:', statement.id);
+            onTogglePublic(statement.id);
+          }}
+          className={`rounded-md px-3 py-2 transition-colors ${
+            statement.isPublic
+              ? 'bg-green-100 text-green-700 hover:bg-green-200'
+              : 'bg-red-100 text-red-700 hover:bg-red-200'
+          }`}
         >
-          {/* {statement.isPublic ? <Eye size={16} /> : <EyeOff size={16} />} */}
           {statement.isPublic ? <MailPlus size={16} /> : <MailX size={16} />}
         </Button>
+
         <div className='flex flex-1 items-center space-x-2'>
           {/* Subject */}
           <div

src/components/statements/StatementItem.tsx

@@ -87,6 +87,30 @@ const StatementList: React.FC<{ username: string }> = ({ username }) => {
     updateEntry(updatedStatement);
   };
 
+  const handleTogglePublic = (statementId: string) => {
+    const stmt = entries.find((s) => s.id === statementId);
+    if (!stmt) return;
+    const updated = { ...stmt, isPublic: !stmt.isPublic };
+    setData({ type: 'UPDATE_ENTRY', payload: updated });
+    updateEntry(updated);
+  };
+
+  const handleSave = (statementId: string) => {
+    // Find the statement from the entries
+    const stmt = entries.find((s) => s.id === statementId);
+    if (!stmt) return;
+
+    // Call the API to persist the updated statement
+    updateEntry(stmt)
+      .then(() => {
+        console.log(`Statement ${statementId} saved successfully.`);
+        // Optionally, show a success message or update local state further.
+      })
+      .catch((error) => {
+        console.error(`Error saving statement ${statementId}:`, error);
+      });
+  };
+
   const handlePresetQuestionSelect = (presetQuestion: SetQuestion) => {
     setSelectedPresetQuestion(presetQuestion);
     setIsWizardOpen(true);
@@ -140,6 +164,20 @@ const StatementList: React.FC<{ username: string }> = ({ username }) => {
     }
   };
 
+  const handlePartUpdate = (
+    statementId: string,
+    part: 'subject' | 'verb' | 'object',
+    value: string
+  ) => {
+    const updatedEntries = entries.map((entry) =>
+      entry.id === statementId
+        ? { ...entry, atoms: { ...entry.atoms, [part]: value } }
+        : entry
+    );
+    // Update only context
+    setData({ type: 'SET_ENTRIES', payload: updatedEntries });
+  };
+
   const handleResetClick = (statementId: string) => {
     const statementToReset = entries.find((s) => s.id === statementId);
     if (statementToReset && statementToReset.presetId) {
@@ -233,10 +271,10 @@ const StatementList: React.FC<{ username: string }> = ({ username }) => {
                   isEditing={statement.id === editingStatementId}
                   editingPart={null}
                   onPartClick={handlePartClick}
-                  onPartUpdate={() => {}}
-                  onSave={() => {}}
+                  onPartUpdate={handlePartUpdate}
+                  onSave={handleSave}
                   onDelete={handleDeleteClick}
-                  onTogglePublic={() => {}}
+                  onTogglePublic={handleTogglePublic}
                   onEditClick={handleEditClick}
                   onAddAction={handleAddAction}
                   onEditAction={handleEditAction}

src/components/statements/StatementList.tsx

@@ -18,7 +18,8 @@ export type EntriesAction =
   | { type: 'SET_ENTRIES'; payload: Entry[] }
   | { type: 'ADD_ENTRY'; payload: Entry }
   | { type: 'UPDATE_ENTRY'; payload: Entry }
-  | { type: 'DELETE_ENTRY'; payload: string };
+  | { type: 'DELETE_ENTRY'; payload: string }
+  | { type: 'MARK_ENTRY_SAVED'; payload: string };
 
 export const EntriesContext = createContext<EntriesContextType | undefined>(
   undefined

src/context/EntriesContext.ts

@@ -19,19 +19,33 @@ const EntriesReducer = (
     case 'SET_ENTRIES':
       return { ...data, entries: action.payload };
     case 'ADD_ENTRY':
-      return { ...data, entries: [...data.entries, action.payload] };
+      return {
+        ...data,
+        entries: [...data.entries, { ...action.payload, dirty: true }],
+      };
     case 'UPDATE_ENTRY':
       return {
         ...data,
         entries: data.entries.map((entry) =>
-          entry.id === action.payload.id ? action.payload : entry
+          entry.id === action.payload.id
+            ? { ...action.payload, dirty: true }
+            : entry
         ),
       };
     case 'DELETE_ENTRY':
       return {
         ...data,
         entries: data.entries.filter((entry) => entry.id !== action.payload),
       };
+    case 'MARK_ENTRY_SAVED': {
+      // action.payload is the entry id that has been saved successfully
+      return {
+        ...data,
+        entries: data.entries.map((entry) =>
+          entry.id === action.payload ? { ...entry, dirty: false } : entry
+        ),
+      };
+    }
     default:
       return data;
   }

src/context/EntriesProvider.tsx

@@ -22,6 +22,7 @@ export interface Entry {
   category: string;
   presetId?: string;
   isResolved?: boolean;
+  dirty?: boolean; // Indicates if the entry has been edited but not saved
 }
 
 export interface Category {