issue #202: confirmation field

ai-cfia · Jan 14, 2025 · e929aeb · e929aeb
1 parent 7a1dfde
commit e929aeb
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 2 deletions.
diff --git a/src/app/label-data-confirmation/page.tsx b/src/app/label-data-confirmation/page.tsx
@@ -46,7 +46,8 @@ const QuantityChips = React.forwardRef<HTMLDivElement, QuantityChipsProps>(
 QuantityChips.displayName = "QuantityChips";
 
 const LabelDataConfirmationPage = () => {
-  const { labelData } = useLabelDataStore();
+  const labelData = useLabelDataStore((state) => state.labelData);
+  const updateConfirmed = useLabelDataStore((state) => state.updateConfirmed);
   const { uploadedFiles } = useUploadedFilesStore();
   const imageFiles = uploadedFiles.map((file) => file.getFile());
   const { t } = useTranslation("labelDataValidator");
@@ -447,7 +448,12 @@ const LabelDataConfirmationPage = () => {
             {/* Acknowledgment Checkbox */}
             <FormGroup className="flex items-center justify-center gap-2">
               <FormControlLabel
-                control={<Checkbox />}
+                control={
+                  <Checkbox
+                    checked={labelData?.confirmed}
+                    onChange={(event) => updateConfirmed(event.target.checked)}
+                  />
+                }
                 label={
                   <Typography variant="body2" className="!font-bold">
                     I acknowledge that the data is accurate.

diff --git a/src/stores/labelDataStore.ts b/src/stores/labelDataStore.ts
@@ -6,12 +6,23 @@ interface LabelDataState {
   labelData: LabelData | null;
   setLabelData: (newData: LabelData) => void;
   resetLabelData: () => void;
+  updateConfirmed: (isConfirmed: boolean) => void;
 }
 
 const useLabelDataStore = create<LabelDataState>((set) => ({
   labelData: VERIFIED_LABEL_DATA,
   setLabelData: (newData) => set({ labelData: newData }),
   resetLabelData: () => set({ labelData: null }),
+  updateConfirmed: (isConfirmed) =>
+    set((state) => {
+      if (!state.labelData) return state;
+      return {
+        labelData: {
+          ...state.labelData,
+          confirmed: isConfirmed,
+        },
+      };
+    }),
 }));
 
 export default useLabelDataStore;
diff --git a/src/types/types.ts b/src/types/types.ts
@@ -185,6 +185,7 @@ export type LabelData = {
   instructions: BilingualField[];
   guaranteedAnalysis: GuaranteedAnalysis;
   ingredients: BilingualField[];
+  confirmed: boolean;
 };
 
 export const DEFAULT_LABEL_DATA: LabelData = {
@@ -194,6 +195,7 @@ export const DEFAULT_LABEL_DATA: LabelData = {
   instructions: [DEFAULT_BILINGUAL_FIELD],
   guaranteedAnalysis: DEFAULT_GUARANTEED_ANALYSIS,
   ingredients: [FULL_BILINGUAL_FIELD],
+  confirmed: false,
 };
 
 // Form