- edit workflow back-end implementation

- clone workflow back-end implementation
- added loading and redirecting to form submissions
- fixed form intake in progress bug
- fixed rendering bug

src/components/ApprovalWorkflows/WorkflowForm.tsx

@@ -3,7 +3,7 @@ import Option from "@/interfaces/option";
 import { CorporateUser, TeacherUser } from "@/interfaces/user";
 import { AnimatePresence, Reorder, motion } from "framer-motion";
 import { useState } from "react";
-import { FaRegCheckCircle } from "react-icons/fa";
+import { FaRegCheckCircle, FaSpinner } from "react-icons/fa";
 import { IoIosAddCircleOutline } from "react-icons/io";
 import Button from "../Low/Button";
 import Tip from "./Tip";
@@ -14,9 +14,11 @@ interface Props {
     onWorkflowChange: (workflow: EditableApprovalWorkflow) => void;
     entityTeachers: TeacherUser[];
     entityCorporates: CorporateUser[];
+    isLoading: boolean;
+    isRedirecting: boolean;
 }
 
-export default function WorkflowForm({ workflow, onWorkflowChange, entityTeachers, entityCorporates }: Props) {
+export default function WorkflowForm({ workflow, onWorkflowChange, entityTeachers, entityCorporates, isLoading, isRedirecting }: Props) {
     const [stepCounter, setStepCounter] = useState<number>(3); // to guarantee unique keys used for animations
     const lastStep = workflow.steps[workflow.steps.length - 1];
 
@@ -145,10 +147,25 @@ export default function WorkflowForm({ workflow, onWorkflowChange, entityTeacher
                                             type="submit"
                                             color="purple"
                                             variant="solid"
+                                            disabled={isLoading}
                                             className="max-w-fit text-lg font-medium flex items-center gap-2 text-left -mt-4"
                                         >
-                                            <FaRegCheckCircle className="size-5" />
-                                            Confirm Exam Workflow Pipeline
+                                            {isRedirecting ? (
+                                                <>
+                                                    <FaSpinner className="animate-spin size-5" />
+                                                    Redirecting...
+                                                </>
+                                            ) : isLoading ? (
+                                                <>
+                                                    <FaSpinner className="animate-spin size-5" />
+                                                    Loading...
+                                                </>
+                                            ) : (
+                                                <>
+                                                    <FaRegCheckCircle className="size-5" />
+                                                    Confirm Exam Workflow Pipeline
+                                                </>
+                                            )}
                                         </Button>
                                     }
                                 </Reorder.Item>