tsk-7: Schedule message (#8)

Closes #7

Reviewed-on: phoenix/textsender#8

src/components/SendMessageWizard/MessageForm.jsx

@@ -3,9 +3,15 @@ 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 +20,11 @@ function MessageForm({ message, onMessageChange, onMessageCreated }) {
     setCharacterCount(newMessage.length);
   };
 
+  const handleIsScheduledCheckbox = (event) => {
+    setIsScheduledChecked(event.target.checked);
+    onToggleScheduled(event.target.checked);
+  };
+
   const createMessage = async () => {
     if (!message.trim()) {
       return;
@@ -38,10 +49,8 @@ function MessageForm({ message, onMessageChange, onMessageCreated }) {
         const createdMessage = response.data[0];
         setCreatedMessage(createdMessage);
         if (onMessageCreated) {
-          console.log('Setting createdMessage');
           onMessageCreated(createdMessage);
         }
-        console.log('Created message: ', createdMessage);
       }
     } catch (error) {
       console.error(error);
@@ -97,6 +106,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>
   );
 }