fix: create statement buttons on final screens of wizzard lock to avoid duplicates

Author: AlexVOiceover

src/components/statementWizard/PrivacySelector.tsx

@@ -6,12 +6,14 @@ interface PrivacySelectorProps {
   isPublic: boolean;
   onChange: (isPublic: boolean) => void;
   onComplete: () => void;
+  isSubmitting?: boolean;
 }
 
 export const PrivacySelector: React.FC<PrivacySelectorProps> = ({
   isPublic,
   onChange,
   onComplete,
+  isSubmitting = false,
 }) => {
   return (
     <div className='space-y-6'>
@@ -53,8 +55,13 @@ export const PrivacySelector: React.FC<PrivacySelectorProps> = ({
           </div>
         </Button>
       </div>
-      <Button variant='pink' className='mx-auto' onClick={onComplete}>
-        Create Statement
+      <Button
+        variant='pink'
+        className='mx-auto'
+        onClick={onComplete}
+        disabled={isSubmitting}
+      >
+        {isSubmitting ? 'Submitting...' : 'Create Statement'}
       </Button>
     </div>
   );

src/components/statementWizard/StatementWizard.tsx

@@ -191,7 +191,8 @@ const StatementWizard: React.FC<StatementWizardProps> = ({
           />
         );
       case 'privacy':
-        return (
+        return isPreset ? (
+          // In preset flow, privacy isn't final (next goes to complement)
           <PrivacyStep
             isPublic={selection.isPublic}
             onUpdate={(val) =>
@@ -202,10 +203,31 @@ const StatementWizard: React.FC<StatementWizardProps> = ({
             }
             onNext={goNext}
             onBack={goBack}
+            isSubmitting={isSubmitting}
+          />
+        ) : (
+          // In custom flow, privacy is the final step so we call handleComplete
+          <PrivacyStep
+            isPublic={selection.isPublic}
+            onUpdate={(val) =>
+              setSelection((prev) => ({
+                ...prev,
+                isPublic: val,
+              }))
+            }
+            onNext={handleComplete}
+            onBack={goBack}
+            isSubmitting={isSubmitting}
           />
         );
       case 'complement':
-        return <ComplementStep onComplete={handleComplete} onBack={goBack} />;
+        return (
+          <ComplementStep
+            onComplete={handleComplete}
+            onBack={goBack}
+            isSubmitting={isSubmitting}
+          />
+        );
       default:
         return null;
     }

src/components/statementWizard/steps/PrivacyStep.tsx

@@ -1,4 +1,3 @@
-// src/components/statementWizard/steps/PrivacyStep.tsx
 import React from 'react';
 import StepContainer from '../StepContainer';
 import { PrivacySelector } from '../PrivacySelector';
@@ -8,13 +7,15 @@ interface PrivacyStepProps {
   onUpdate: (isPublic: boolean) => void;
   onNext: () => void;
   onBack: () => void;
+  isSubmitting?: boolean;
 }
 
 export const PrivacyStep: React.FC<PrivacyStepProps> = ({
   isPublic,
   onUpdate,
   onNext,
   onBack,
+  isSubmitting = false,
 }) => {
   const subQuestion = `Who can see this statement?`;
   return (
@@ -23,6 +24,7 @@ export const PrivacyStep: React.FC<PrivacyStepProps> = ({
         isPublic={isPublic}
         onChange={onUpdate}
         onComplete={() => onNext()}
+        isSubmitting={isSubmitting} // Pass along the submission state
       />
     </StepContainer>
   );