refactor (forms): add form footer buttons

src/components/forms/admins/CreateAdmin.tsx

@@ -1,10 +1,11 @@
 "use client";
 import InputGroup from "@/components/FormElements/InputGroup";
 import { ShowcaseSection } from "@/components/Layouts/showcase-section";
-import useCreateAdminPresenter from "./useCreateAdminPresenter";
+import FormFooter from "@/components/ui/FormFooter";
 import { FormErrorMessages } from "@/constants/Texts";
 import { ICreateAdminCredentials } from "@/lib/api";
-import { FC, useEffect } from "react";
+import { FC } from "react";
+import useCreateAdminPresenter from "./useCreateAdminPresenter";
 interface IProps {
   editMode?: boolean;
   defaultValues?: ICreateAdminCredentials;
@@ -234,21 +235,7 @@ const CreateAdminForm: FC<IProps> = ({ defaultValues, editMode, id }) => {
             )}
           </div>
 
-          <div className="col-span-2 flex gap-6">
+          <FormFooter />
-            <button
-              type="submit"
-              className="mt-6 flex w-fit justify-center rounded-lg bg-primary p-[13px] font-medium text-white hover:bg-opacity-90"
-            >
-              Submit
-            </button>
-            <button
-              type="button"
-              onClick={router.back}
-              className="mt-6 flex w-fit justify-center rounded-lg bg-error p-[13px] font-medium text-white hover:bg-opacity-90"
-            >
-              Opt out
-            </button>
-          </div>
         </ShowcaseSection>
       </div>
     </form>

src/components/forms/companies/CreateCompany.tsx

@@ -528,25 +528,7 @@ const CreateCompany = ({ defaultValues, editMode, id }: IProps) => {
       </div>
 
       <FormFooter />
-      {/* <div className="col-span-2 flex gap-6">
+     
-        <button
-          type="submit"
-          className="mt-6 flex w-fit items-center justify-center rounded-lg bg-primary p-[13px] font-medium text-white hover:bg-opacity-90"
-        >
-          {isMutating ? (
-            <div className="h-5 w-5 animate-spin rounded-full border-b-2 border-gray-1"></div>
-          ) : (
-            "Submit"
-          )}
-        </button>
-        <button
-          type="button"
-          onClick={router.back}
-          className="mt-6 flex w-fit justify-center rounded-lg bg-error p-[13px] font-medium text-white hover:bg-opacity-90"
-        >
-          Opt out
-        </button>
-      </div> */}
     </form>
   );
 };

src/components/forms/customers/CreateCustomer.tsx

@@ -5,6 +5,7 @@ import InputGroup from "@/components/FormElements/InputGroup";
 import MultiSelect from "@/components/FormElements/MultiSelect";
 import { Select } from "@/components/FormElements/select";
 import { ShowcaseSection } from "@/components/Layouts/showcase-section";
+import FormFooter from "@/components/ui/FormFooter";
 import { FormErrorMessages } from "@/constants/Texts";
 import { CreateCustomerCredentials } from "@/lib/api";
 import useCreateCustomerPresenter from "./useCreateCustomerPresenter";
@@ -203,21 +204,7 @@ const CreateCustomer = ({ defaultValues, editMode, id }: IProps) => {
           )}
         </div>
 
-        <div className="col-span-2 flex gap-6">
+        <FormFooter />
-          <button
-            type="submit"
-            className="mt-6 flex w-fit justify-center rounded-lg bg-primary p-[13px] font-medium text-white hover:bg-opacity-90"
-          >
-            Submit
-          </button>
-          <button
-            type="button"
-            onClick={router.back}
-            className="mt-6 flex w-fit justify-center rounded-lg bg-error p-[13px] font-medium text-white hover:bg-opacity-90"
-          >
-            Opt out
-          </button>
-        </div>
       </ShowcaseSection>
     </form>
   );