chore: remove the old form to add providers

components/providers/add-provider.tsx

@@ -1,39 +1,20 @@
 "use client";
 
-import { useState } from "react";
-
 import { AddIcon } from "../icons";
-import { CustomAlertModal, CustomButton } from "../ui/custom";
-import { AddForm } from "./forms";
+import { CustomButton } from "../ui/custom";
 
 export const AddProvider = () => {
-  const [isAddOpen, setIsAddOpen] = useState(false);
-
   return (
-    <>
-      <CustomAlertModal
-        isOpen={isAddOpen}
-        onOpenChange={setIsAddOpen}
-        title="Add Cloud Provider"
-        description={
-          "You must manually deploy a new read-only IAM role for each account you want to add. The following links will provide detailed instructions how to do this:"
-        }
+    <div className="flex w-full items-center justify-end">
+      <CustomButton
+        ariaLabel="Add Account"
+        variant="solid"
+        color="action"
+        size="md"
+        endContent={<AddIcon size={20} />}
       >
-        <AddForm setIsOpen={setIsAddOpen} />
-      </CustomAlertModal>
-
-      <div className="flex w-full items-center justify-end">
-        <CustomButton
-          ariaLabel="Add Account"
-          variant="solid"
-          color="action"
-          size="md"
-          onPress={() => setIsAddOpen(true)}
-          endContent={<AddIcon size={20} />}
-        >
-          Add Account
-        </CustomButton>
-      </div>
-    </>
+        Add Account
+      </CustomButton>
+    </div>
   );
 };

components/providers/forms/add-form.tsx

@@ -1,127 +0,0 @@
-"use client";
-
-import { zodResolver } from "@hookform/resolvers/zod";
-import { Dispatch, SetStateAction } from "react";
-import { useForm } from "react-hook-form";
-import * as z from "zod";
-
-import { addProvider } from "@/actions/providers";
-import { SaveIcon } from "@/components/icons";
-import { useToast } from "@/components/ui";
-import { CustomButton, CustomInput } from "@/components/ui/custom";
-import { Form } from "@/components/ui/form";
-import { addProviderFormSchema } from "@/types";
-
-import { RadioGroupProvider } from "../radio-group-provider";
-
-export const AddForm = ({
-  setIsOpen,
-}: {
-  setIsOpen: Dispatch<SetStateAction<boolean>>;
-}) => {
-  const formSchema = addProviderFormSchema;
-
-  const form = useForm<z.infer<typeof formSchema>>({
-    resolver: zodResolver(formSchema),
-    defaultValues: {
-      providerType: "",
-      providerId: "",
-      providerAlias: "",
-    },
-  });
-
-  const { toast } = useToast();
-
-  const isLoading = form.formState.isSubmitting;
-
-  const onSubmitClient = async (values: z.infer<typeof formSchema>) => {
-    const formData = new FormData();
-
-    Object.entries(values).forEach(
-      ([key, value]) => value !== undefined && formData.append(key, value),
-    );
-
-    const data = await addProvider(formData);
-
-    if (data?.errors && data.errors.length > 0) {
-      const error = data.errors[0];
-      const errorMessage = `${error.detail}`;
-      // show error
-      toast({
-        variant: "destructive",
-        title: "Oops! Something went wrong",
-        description: errorMessage,
-      });
-    } else {
-      toast({
-        title: "Success!",
-        description: "The provider was updated successfully.",
-      });
-      setIsOpen(false); // Close the modal on success
-    }
-  };
-
-  return (
-    <Form {...form}>
-      <form
-        onSubmit={form.handleSubmit(onSubmitClient)}
-        className="flex flex-col space-y-4"
-      >
-        <RadioGroupProvider
-          control={form.control}
-          isInvalid={!!form.formState.errors.providerType}
-        />
-        <CustomInput
-          control={form.control}
-          name="providerId"
-          type="text"
-          label="Provider ID"
-          labelPlacement="inside"
-          placeholder={"Enter the provider ID"}
-          variant="bordered"
-          isRequired
-          isInvalid={!!form.formState.errors.providerId}
-        />
-        <CustomInput
-          control={form.control}
-          name="providerAlias"
-          type="text"
-          label="Alias"
-          labelPlacement="inside"
-          placeholder={"Enter the provider alias"}
-          variant="bordered"
-          isRequired={false}
-          isInvalid={!!form.formState.errors.providerAlias}
-        />
-
-        <div className="flex w-full justify-center sm:space-x-6">
-          <CustomButton
-            type="button"
-            ariaLabel="Cancel"
-            className="w-full bg-transparent"
-            variant="faded"
-            size="lg"
-            radius="lg"
-            onPress={() => setIsOpen(false)}
-            isDisabled={isLoading}
-          >
-            <span>Cancel</span>
-          </CustomButton>
-
-          <CustomButton
-            type="submit"
-            ariaLabel="Confirm"
-            className="w-full"
-            variant="solid"
-            color="action"
-            size="lg"
-            isLoading={isLoading}
-            startContent={!isLoading && <SaveIcon size={24} />}
-          >
-            {isLoading ? <>Loading</> : <span>Confirm</span>}
-          </CustomButton>
-        </div>
-      </form>
-    </Form>
-  );
-};

components/providers/forms/index.ts

@@ -1,3 +1,2 @@
-export * from "./add-form";
 export * from "./delete-form";
 export * from "./edit-form";