From 70bde246d4b477379bca7c638768aeb3f74fa8df Mon Sep 17 00:00:00 2001
From: Nick Taylor <nick@nickyt.co>
Date: Thu, 17 Oct 2024 16:46:28 -0400
Subject: [PATCH] feat: removed developer pack form from user settings page

---
 .../UserSettingsPage/developer-pack-form.tsx  | 67 ---------------
 .../UserSettingsPage/user-settings-page.tsx   | 82 +++++++------------
 2 files changed, 30 insertions(+), 119 deletions(-)
 delete mode 100644 components/organisms/UserSettingsPage/developer-pack-form.tsx

diff --git a/components/organisms/UserSettingsPage/developer-pack-form.tsx b/components/organisms/UserSettingsPage/developer-pack-form.tsx
deleted file mode 100644
index ef16d7849c..0000000000
--- a/components/organisms/UserSettingsPage/developer-pack-form.tsx
+++ /dev/null
@@ -1,67 +0,0 @@
-import { useState } from "react";
-
-import Button from "components/shared/Button/button";
-import { useToast } from "lib/hooks/useToast";
-import { supabase } from "lib/utils/supabase";
-
-interface DeveloperPackFormProps {
-  providerToken?: string | null;
-  refreshUser: () => void;
-}
-
-const DeveloperPackForm = ({ refreshUser, providerToken }: DeveloperPackFormProps) => {
-  const [updating, setUpdating] = useState(false);
-  const { toast } = useToast();
-
-  const handeVerification = async () => {
-    if (!providerToken) {
-      toast({ description: "Unable to connect to GitHub! Try logging out and re-connecting.", variant: "warning" });
-      return;
-    }
-
-    const sessionResponse = await supabase.auth.getSession();
-    const sessionToken = sessionResponse?.data.session?.access_token;
-    setUpdating(true);
-
-    const response = await fetch(`${process.env.NEXT_PUBLIC_API_URL}/auth/profile/developer-pack`, {
-      headers: {
-        Accept: "application/json",
-        "Content-Type": "application/json",
-        Authorization: `Bearer ${sessionToken}`,
-      },
-      method: "PATCH",
-      body: JSON.stringify({
-        token: providerToken,
-      }),
-    });
-
-    if (response.ok) {
-      const data = (await response.json()) as { eligible: boolean };
-      if (data.eligible) {
-        toast({ description: "Developer pack eligibility verified!", variant: "success" });
-        refreshUser?.();
-      } else {
-        toast({ description: "Your account is not currently eligible for the developer pack", variant: "warning" });
-      }
-    } else {
-      toast({ description: "Could not verify developer pack!", variant: "danger" });
-    }
-
-    setUpdating(false);
-  };
-
-  return (
-    <div className="flex flex-col gap-6">
-      <Button
-        onClick={handeVerification}
-        variant="primary"
-        className="px-4 py-2 w-max bg-light-slate-4 "
-        disabled={updating}
-      >
-        Verify Account
-      </Button>
-    </div>
-  );
-};
-
-export default DeveloperPackForm;
diff --git a/components/organisms/UserSettingsPage/user-settings-page.tsx b/components/organisms/UserSettingsPage/user-settings-page.tsx
index a9421e2d16..b348c99bb2 100644
--- a/components/organisms/UserSettingsPage/user-settings-page.tsx
+++ b/components/organisms/UserSettingsPage/user-settings-page.tsx
@@ -24,7 +24,6 @@ import { validateTwitterUsername } from "lib/utils/validate-twitter-username";
 import { Dialog, DialogContent, DialogHeader, DialogTitle } from "components/molecules/Dialog/dialog";
 import { LanguageSwitch } from "components/shared/LanguageSwitch/language-switch";
 import useSupabaseAuth from "lib/hooks/useSupabaseAuth";
-import DeveloperPackForm from "./developer-pack-form";
 
 interface UserSettingsPageProps {
   user: User | null;
@@ -435,59 +434,38 @@ const UserSettingsPage = ({ user }: UserSettingsPageProps) => {
             </Button>
           </div>
           {userInfo && (
-            <>
-              <div>
-                {!coupon ? (
-                  <div className="flex flex-col order-first gap-6 md:order-last">
-                    <div className="flex flex-col gap-3">
-                      <label className="text-2xl font-normal">Developer Pack</label>
-                      <div className="w-full sm:max-w-80">
-                        <Text>Verify your developer pack eligibilty to get an upgrade!</Text>
-                      </div>
-                    </div>
-                    <DeveloperPackForm
-                      providerToken={providerToken}
-                      refreshUser={() => {
-                        mutate();
-                        setCoupon("verified");
-                      }}
-                    />
-                  </div>
-                ) : null}
+            <form
+              name="delete-account"
+              action="/api/delete-account"
+              method="POST"
+              className="flex flex-col order-first gap-6 md:order-last p-6 rounded-2xl bg-light-slate-4"
+              ref={deleteFormRef}
+              onSubmit={(e) => {
+                setIsModalOpen(true);
+                e.preventDefault();
+              }}
+            >
+              <div className="flex flex-col gap-3">
+                <label className="text-2xl font-normal">Delete Account</label>
+                <div className="w-full md:w-96">
+                  <Text>
+                    Please note that account deletion is irreversible. Proceed only if you are certain about this
+                    action.
+                  </Text>
+                </div>
               </div>
-              <form
-                name="delete-account"
-                action="/api/delete-account"
-                method="POST"
-                className="flex flex-col order-first gap-6 md:order-last p-6 rounded-2xl bg-light-slate-4"
-                ref={deleteFormRef}
-                onSubmit={(e) => {
-                  setIsModalOpen(true);
-                  e.preventDefault();
+              <Button type="submit" rel="noopener noreferrer" target="_blank" variant="destructive" className="w-max">
+                Delete Account
+              </Button>
+              <DeleteAccountModal
+                open={isModalOpen}
+                setOpen={setIsModalOpen}
+                onDelete={() => {
+                  setIsModalOpen(false);
+                  deleteFormRef.current?.submit();
                 }}
-              >
-                <div className="flex flex-col gap-3">
-                  <label className="text-2xl font-normal">Delete Account</label>
-                  <div className="w-full md:w-96">
-                    <Text>
-                      Please note that account deletion is irreversible. Proceed only if you are certain about this
-                      action.
-                    </Text>
-                  </div>
-                </div>
-                <Button type="submit" rel="noopener noreferrer" target="_blank" variant="destructive" className="w-max">
-                  Delete Account
-                </Button>
-                <DeleteAccountModal
-                  open={isModalOpen}
-                  setOpen={setIsModalOpen}
-                  onDelete={() => {
-                    setIsModalOpen(false);
-                    deleteFormRef.current?.submit();
-                  }}
-                />
-              </form>
-            </>
+              />
+            </form>
           )}
         </div>
       </div>