From 46f96fc4235f18eacea69d6c1ae3b02707e114a7 Mon Sep 17 00:00:00 2001
From: phoenix <mail@kundeng.us>
Date: Mon, 29 Jun 2026 17:01:52 -0400
Subject: [PATCH] Added schedule step. Need to add form

---
 .../SendMessageWizard/MessageForm.jsx         |  9 +++++++--
 .../SendMessageWizardModal.jsx                |  3 +++
 .../SendMessageWizard/StepNavigation.jsx      | 19 +++++++++++++++++++
 .../SendMessageWizard/useSendMessageWizard.js | 12 +++++++++---
 4 files changed, 38 insertions(+), 5 deletions(-)

diff --git a/src/components/SendMessageWizard/MessageForm.jsx b/src/components/SendMessageWizard/MessageForm.jsx
index cfa8e52..ff1c036 100644
--- a/src/components/SendMessageWizard/MessageForm.jsx
+++ b/src/components/SendMessageWizard/MessageForm.jsx
@@ -3,7 +3,12 @@ import styles from './SendMessageWizard.module.css';
 import { tokenService } from '../../services/TokenService';
 import { messageApi, CreateMessageRequest } from '../../api/messageApi';
 
-function MessageForm({ message, onMessageChange, onMessageCreated, onToggleScheduled }) {
+function MessageForm({
+  message,
+  onMessageChange,
+  onMessageCreated,
+  onToggleScheduled,
+}) {
   const [characterCount, setCharacterCount] = useState(message.length);
   const [isCreatingMessage, setIsCreatingMessage] = useState(false);
   const [isScheduledChecked, setIsScheduledChecked] = useState(false);
@@ -106,7 +111,7 @@ function MessageForm({ message, onMessageChange, onMessageCreated, onToggleSched
       </div>
       <div>
         <label>
-          <input 
+          <input
             type="checkbox"
             checked={isScheduledChecked}
             onChange={handleIsScheduledCheckbox}
diff --git a/src/components/SendMessageWizard/SendMessageWizardModal.jsx b/src/components/SendMessageWizard/SendMessageWizardModal.jsx
index 1f40c06..d7d39fc 100644
--- a/src/components/SendMessageWizard/SendMessageWizardModal.jsx
+++ b/src/components/SendMessageWizard/SendMessageWizardModal.jsx
@@ -29,6 +29,8 @@ function SendMessageWizardModal({ isOpen, onClose, onComplete }) {
             onToggleScheduled={wizard.toggleScheduled}
           />
         );
+      case 'schedule':
+      // TODO: Add form for schedule step
       case 'confirm':
         return (
           <ConfirmationStep
@@ -75,6 +77,7 @@ function SendMessageWizardModal({ isOpen, onClose, onComplete }) {
   const stepTitles = {
     select: 'Select Contacts',
     message: 'Compose Message',
+    schedule: 'Schedule message',
     confirm: 'Review & Send',
     result: 'Result',
   };
diff --git a/src/components/SendMessageWizard/StepNavigation.jsx b/src/components/SendMessageWizard/StepNavigation.jsx
index c02efa4..a961417 100644
--- a/src/components/SendMessageWizard/StepNavigation.jsx
+++ b/src/components/SendMessageWizard/StepNavigation.jsx
@@ -34,6 +34,25 @@ function StepNavigation({
             </button>
           </>
         );
+      case 'schedule':
+        return (
+          <>
+            <button
+              onClick={onBack}
+              disabled={!canGoBack}
+              className={`${styles.navButton} ${styles.backButton}`}
+            >
+              Back
+            </button>
+            <button
+              onClick={onNext}
+              disabled={!canProceed}
+              className={`${styles.navButton} ${styles.nextButton}`}
+            >
+              {currentStep === 'select' ? 'Next' : 'Review'}
+            </button>
+          </>
+        );
       case 'confirm':
         return (
           <>
diff --git a/src/components/SendMessageWizard/useSendMessageWizard.js b/src/components/SendMessageWizard/useSendMessageWizard.js
index d086b91..5785bf5 100644
--- a/src/components/SendMessageWizard/useSendMessageWizard.js
+++ b/src/components/SendMessageWizard/useSendMessageWizard.js
@@ -26,6 +26,9 @@ const useSendMessageWizard = () => {
         return state.selectedContacts.length > 0;
       case 'message':
         return state.message.trim().length > 0;
+      case 'schedule':
+        // TODO: Handle this
+        return false;
       case 'confirm':
         return true;
       default:
@@ -49,7 +52,7 @@ const useSendMessageWizard = () => {
     console.log('Yup');
     setState((prev) => ({
       ...prev,
-      isScheduled: scheduled
+      isScheduled: scheduled,
     }));
   };
 
@@ -72,7 +75,9 @@ const useSendMessageWizard = () => {
       console.log('Scheduled Checked');
     }
 
-    const stepOrder = ['select', 'message', 'confirm', 'result'];
+    // TODO: Handle navigation for schedule form
+
+    const stepOrder = ['select', 'message', 'schedule', 'confirm', 'result'];
     const currentIndex = stepOrder.indexOf(state.step);
     if (currentIndex < stepOrder.length - 1) {
       setState((prev) => ({
@@ -84,7 +89,8 @@ const useSendMessageWizard = () => {
   };
 
   const prevStep = () => {
-    const stepOrder = ['select', 'message', 'confirm', 'result'];
+    // TODO: Handle navigation for schedule form
+    const stepOrder = ['select', 'message', 'schedule', 'confirm', 'result'];
     const currentIndex = stepOrder.indexOf(state.step);
     if (currentIndex > 0) {
       setState((prev) => ({