Added checkbox to trigger scheduling form

src/components/SendMessageWizard/MessageForm.jsx

@@ -3,9 +3,10 @@ import styles from './SendMessageWizard.module.css';
 import { tokenService } from '../../services/TokenService';
 import { messageApi, CreateMessageRequest } from '../../api/messageApi';
 
-function MessageForm({ message, onMessageChange, onMessageCreated }) {
+function MessageForm({ message, onMessageChange, onMessageCreated, onToggleScheduled }) {
   const [characterCount, setCharacterCount] = useState(message.length);
   const [isCreatingMessage, setIsCreatingMessage] = useState(false);
+  const [isScheduledChecked, setIsScheduledChecked] = useState(false);
   const [createdMessage, setCreatedMessage] = useState(null);
 
   const handleMessageChange = (e) => {
@@ -14,6 +15,12 @@ function MessageForm({ message, onMessageChange, onMessageCreated }) {
     setCharacterCount(newMessage.length);
   };
 
+  const handleIsScheduledCheckbox = (event) => {
+    console.log('Doing something to the checkbox');
+    setIsScheduledChecked(event.target.checked);
+    onToggleScheduled(event.target.checked);
+  };
+
   const createMessage = async () => {
     if (!message.trim()) {
       return;
@@ -97,6 +104,17 @@ function MessageForm({ message, onMessageChange, onMessageCreated }) {
           <li>Check spelling and grammar</li>
         </ul>
       </div>
+      <div>
+        <label>
+          <input 
+            type="checkbox"
+            checked={isScheduledChecked}
+            onChange={handleIsScheduledCheckbox}
+            readOnly
+          />
+          Schedule Message
+        </label>
+      </div>
     </div>
   );
 }