diff --git a/src/components/SupporterStatus.tsx b/src/components/SupporterStatus.tsx index 45c91be8d..59ebd5011 100644 --- a/src/components/SupporterStatus.tsx +++ b/src/components/SupporterStatus.tsx @@ -3,7 +3,7 @@ // THIS IS DEPRECATED AND IS NO LONGER SHOWED TO THE USER WITH THE DISCONTINUATION // OF THE SUPPORTER PROGRAM. IT MAY BE REMOVED IN A FUTURE UPDATE. -import { useSupporterStatusContext } from "@app/hooks/useSupporterStatusContext"; +// import { useSupporterStatusContext } from "@app/hooks/useSupporterStatusContext"; import { useState, useTransition } from "react"; import { Tooltip, @@ -58,134 +58,134 @@ interface SupporterStatusProps { export default function SupporterStatus({ isCollapsed = false }: SupporterStatusProps) { - const { supporterStatus, updateSupporterStatus } = - useSupporterStatusContext(); - const [supportOpen, setSupportOpen] = useState(false); - const [keyOpen, setKeyOpen] = useState(false); - const [purchaseOptionsOpen, setPurchaseOptionsOpen] = useState(false); + // const { supporterStatus, updateSupporterStatus } = + // useSupporterStatusContext(); + // const [supportOpen, setSupportOpen] = useState(false); + // const [keyOpen, setKeyOpen] = useState(false); + // const [purchaseOptionsOpen, setPurchaseOptionsOpen] = useState(false); - const { env } = useEnvContext(); - const api = createApiClient({ env }); - const t = useTranslations(); + // const { env } = useEnvContext(); + // const api = createApiClient({ env }); + // const t = useTranslations(); - const formSchema = z.object({ - githubUsername: z.string().nonempty({ - error: "GitHub username is required" - }), - key: z.string().nonempty({ - error: "Supporter key is required" - }) - }); + // const formSchema = z.object({ + // githubUsername: z.string().nonempty({ + // error: "GitHub username is required" + // }), + // key: z.string().nonempty({ + // error: "Supporter key is required" + // }) + // }); - const form = useForm({ - resolver: zodResolver(formSchema), - defaultValues: { - githubUsername: "", - key: "" - } - }); + // const form = useForm({ + // resolver: zodResolver(formSchema), + // defaultValues: { + // githubUsername: "", + // key: "" + // } + // }); - async function hide() { - await api.post("/supporter-key/hide"); + // async function hide() { + // await api.post("/supporter-key/hide"); - updateSupporterStatus({ - visible: false - }); - } + // updateSupporterStatus({ + // visible: false + // }); + // } - async function onSubmit(values: z.infer) { - try { - const res = await api.post< - AxiosResponse - >("/supporter-key/validate", { - githubUsername: values.githubUsername, - key: values.key - }); + // async function onSubmit(values: z.infer) { + // try { + // const res = await api.post< + // AxiosResponse + // >("/supporter-key/validate", { + // githubUsername: values.githubUsername, + // key: values.key + // }); - const data = res.data.data; + // const data = res.data.data; - if (!data || !data.valid) { - toast({ - variant: "destructive", - title: t("supportKeyInvalid"), - description: t("supportKeyInvalidDescription") - }); - return; - } + // if (!data || !data.valid) { + // toast({ + // variant: "destructive", + // title: t("supportKeyInvalid"), + // description: t("supportKeyInvalidDescription") + // }); + // return; + // } - // Trigger the toast - toast({ - variant: "default", - title: t("supportKeyValid"), - description: t("supportKeyValidDescription") - }); + // // Trigger the toast + // toast({ + // variant: "default", + // title: t("supportKeyValid"), + // description: t("supportKeyValidDescription") + // }); - // Fireworks-style confetti - const duration = 5 * 1000; // 5 seconds - const animationEnd = Date.now() + duration; - const defaults = { - startVelocity: 30, - spread: 360, - ticks: 60, - zIndex: 0, - colors: ["#FFA500", "#FF4500", "#FFD700"] // Orange hues - }; + // // Fireworks-style confetti + // const duration = 5 * 1000; // 5 seconds + // const animationEnd = Date.now() + duration; + // const defaults = { + // startVelocity: 30, + // spread: 360, + // ticks: 60, + // zIndex: 0, + // colors: ["#FFA500", "#FF4500", "#FFD700"] // Orange hues + // }; - function randomInRange(min: number, max: number) { - return Math.random() * (max - min) + min; - } + // function randomInRange(min: number, max: number) { + // return Math.random() * (max - min) + min; + // } - const interval = setInterval(() => { - const timeLeft = animationEnd - Date.now(); + // const interval = setInterval(() => { + // const timeLeft = animationEnd - Date.now(); - if (timeLeft <= 0) { - clearInterval(interval); - return; - } + // if (timeLeft <= 0) { + // clearInterval(interval); + // return; + // } - const particleCount = 50 * (timeLeft / duration); + // const particleCount = 50 * (timeLeft / duration); - // Launch confetti from two random horizontal positions - confetti({ - ...defaults, - particleCount, - origin: { - x: randomInRange(0.1, 0.3), - y: Math.random() - 0.2 - } - }); - confetti({ - ...defaults, - particleCount, - origin: { - x: randomInRange(0.7, 0.9), - y: Math.random() - 0.2 - } - }); - }, 250); + // // Launch confetti from two random horizontal positions + // confetti({ + // ...defaults, + // particleCount, + // origin: { + // x: randomInRange(0.1, 0.3), + // y: Math.random() - 0.2 + // } + // }); + // confetti({ + // ...defaults, + // particleCount, + // origin: { + // x: randomInRange(0.7, 0.9), + // y: Math.random() - 0.2 + // } + // }); + // }, 250); - setPurchaseOptionsOpen(false); - setKeyOpen(false); + // setPurchaseOptionsOpen(false); + // setKeyOpen(false); - updateSupporterStatus({ - visible: false - }); - } catch (error) { - toast({ - variant: "destructive", - title: t("error"), - description: formatAxiosError( - error, - t("supportKeyErrorValidationDescription") - ) - }); - return; - } - } + // updateSupporterStatus({ + // visible: false + // }); + // } catch (error) { + // toast({ + // variant: "destructive", + // title: t("error"), + // description: formatAxiosError( + // error, + // t("supportKeyErrorValidationDescription") + // ) + // }); + // return; + // } + // } return ( <> - { setPurchaseOptionsOpen(val); @@ -469,7 +469,7 @@ export default function SupporterStatus({ {t("supportKeyBuy")} ) - ) : null} + ) : null} */} ); }