feat: add functionality to create and schedule new section for facility admin per ticket id 47

Author: carddev81

frontend/src/Pages/SectionManagementForm.tsx

@@ -8,10 +8,11 @@ import {
     DateInput,
     ResetButton
 } from '@/Components/inputs';
-import { PrgSectionStatus } from '@/common';
+import { PrgSectionStatus, ToastState } from '@/common';
 import { SubmitHandler, useForm } from 'react-hook-form';
 import { useState } from 'react';
 import API from '@/api/api';
+import { useToast } from '@/Context/ToastCtx';
 
 interface SectionInputs {
     capacity: number;
@@ -28,6 +29,7 @@ export default function SectionManagementForm() {
     const { id } = useParams<{ id: string }>();
     const navigate = useNavigate();
     const [errorMessage, setErrorMessage] = useState('');
+    const { toaster } = useToast();
     const {
         register,
         handleSubmit,
@@ -50,10 +52,13 @@ export default function SectionManagementForm() {
             formattedJson
         );
         if (!response.success) {
-            //should we put a toast message here??
-            console.log('error occurred, ', response.message);
+            toaster('Failed to create class', ToastState.error);
+            console.log(
+                `error occurred while trying to create class, error message: ${response.message}`
+            );
             return;
         }
+        toaster('Class created successfully', ToastState.success);
         reset();
         navigate(`/programs/${id}`);
     };