Adding got a job button changes

kelsiesmurphy · May 25, 2023 · 6c34841 · 6c34841
1 parent 0ae745f
commit 6c34841
Show file tree

Hide file tree

Showing 4 changed files with 42 additions and 9 deletions.
diff --git a/components/dashboard/GotAJobButton.tsx b/components/dashboard/GotAJobButton.tsx
@@ -3,12 +3,15 @@ import { Fragment, useState } from "react";
 import { X } from "react-feather";
 import { createJobApplicationPeriod } from "@/handlers/JobApplicationPeriodHandler";
 import { updateUserApplicationPeriod } from "@/handlers/AuthHandler";
+import { updateJobApplicationPeriodEndDate } from "@/handlers/JobApplicationPeriodHandler";
 import trophy from "../../assets/trophy.svg";
 import Image from "next/image";
 import confetti from "canvas-confetti";
+import Router from "next/router";
 
 const GotAJobButton = ({ supabase, userProfile, setUserProfile }: any) => {
   let [isOpen, setIsOpen] = useState(false);
+  const [confirmInput, setConfirmInput] = useState("");
 
   const handleConfetti = () => {
     confetti({
@@ -17,17 +20,28 @@ const GotAJobButton = ({ supabase, userProfile, setUserProfile }: any) => {
     });
   };
 
-  const handleGotAJob = () => {
+  const delay = (ms: number) => new Promise((res) => setTimeout(res, ms));
+
+  const handleGotAJob = async () => {
     try {
+      updateJobApplicationPeriodEndDate(
+        supabase,
+        userProfile.current_application_period_id
+      );
       createJobApplicationPeriod(supabase, userProfile).then((periodId) => {
-        updateUserApplicationPeriod(supabase, userProfile.id, periodId);
+        updateUserApplicationPeriod(supabase, userProfile.id, periodId).then(
+          (updatedUserProfile) => {
+            setUserProfile(updatedUserProfile);
+          }
+        );
       });
       handleConfetti();
+      setIsOpen(false);
+      await delay(3000);
+      Router.reload();
     } catch (error) {
       alert("Error submitting application");
       console.log(error);
-    } finally {
-      setIsOpen(false);
     }
   };
 
@@ -93,11 +107,18 @@ const GotAJobButton = ({ supabase, userProfile, setUserProfile }: any) => {
                     </h1>
                     <p className="text-sm text-stone-600">
                       If you've got a job, you won't be needing this list
-                      anymore! Click “confirm” below to clear your list of
+                      anymore! Type 'CONFIRM' below to clear your list of
                       applications, and it will be ready for you if you decide
                       to use it again in the future!
                     </p>
                   </div>
+                  <input
+                    className="input w-full"
+                    onChange={(e) => setConfirmInput(e.target.value)}
+                    value={confirmInput}
+                    name="confirmInput"
+                    placeholder="CONFIRM"
+                  />
                 </Dialog.Title>
                 <div className="flex flex-wrap flex-1 gap-4">
                   <button
@@ -108,7 +129,8 @@ const GotAJobButton = ({ supabase, userProfile, setUserProfile }: any) => {
                   </button>
                   <button
                     className="btn-primary flex-1 max-w-none"
-                    onClick={handleGotAJob}
+                    onClick={() => handleGotAJob()}
+                    disabled={confirmInput !== "CONFIRM"}
                   >
                     Confirm
                   </button>

diff --git a/components/dashboard/Table.tsx b/components/dashboard/Table.tsx
@@ -1,5 +1,5 @@
 import { useEffect, useState } from "react";
-import { createJobApplicationPeriod } from "@/handlers/JobApplicationPeriodHandler";
+import { selectJobApplicationPeriod } from "@/handlers/JobApplicationPeriodHandler";
 import { getApplicationsByPeriod } from "@/handlers/ApplicationHandler";
 import { getAllStages } from "@/handlers/StageHandler";
 import TableLine from "./TableLine";
@@ -35,7 +35,7 @@ const Table = ({ userProfile, supabase }: any) => {
   async function getJobApplicationPeriod(userProfile: any) {
     try {
       if (userProfile.current_application_period_id) {
-        createJobApplicationPeriod(supabase, userProfile).then(
+        selectJobApplicationPeriod(supabase, userProfile).then(
           (jobApplicationPeriod) => {
             setJobApplicationPeriod(jobApplicationPeriod[0]);
             getApplications(jobApplicationPeriod[0]);

diff --git a/components/index/Navigation.tsx b/components/index/Navigation.tsx
@@ -7,7 +7,7 @@ const Navigation = ({ children }: any) => {
       className="bg-white border-b border-stone-100 flex justify-between py-4 px-4 md:px-20 transition-all"
     >
       <div className="flex gap-4 items-center">
-        <a href="">
+        <a href="/">
           <Logo />
         </a>
         <a href="#faq" className="hidden md:block text-stone-700 font-semibold">

diff --git a/handlers/JobApplicationPeriodHandler.ts b/handlers/JobApplicationPeriodHandler.ts
@@ -9,6 +9,17 @@ export const selectJobApplicationPeriod = async (supabase:any, userProfile:any)
     return data;
 };
 
+export const updateJobApplicationPeriodEndDate = async (supabase:any, jobApplicationId:string) => {
+    const { data, error } = await supabase
+        .from("job_application_period")
+        .update({ end_date: new Date().toISOString().toLocaleString() })
+        .eq('id', jobApplicationId)
+    if (error) {
+        throw error;
+    }
+    return data;
+};
+
 export const createJobApplicationPeriod = async (supabase:any, userProfile:any) => {
     const { data, error } = await supabase
         .from("job_application_period")