feat: updated applications

Author: 6xtvo

README.md

@@ -20,7 +20,7 @@
 </div>
 
 <br />
-
+Note: does path aliases work?
 ## About
 Welcome to the GitHub repository for the official website for [**Matrix Development**](https://github.com/MatrixDevelopment-GH) written in TypeScript using [NextJS](https://nextjs.org/) and [Tailwind CSS](https://tailwindcss.com/). If contributing to the repository, please ensure you have prior knowledge in TypeScript/CSS and responsive web design (media queries and flexbox) and of React and/or NextJS and Tailwind CSS. This repository is primarily maintained by [unk0wn](https://github.com/unkn0wnF). 
 

components/layout/forms/Form.tsx

@@ -15,6 +15,7 @@ import {
 } from "../../../lib/util/formhandler";
 import { Response as APIResponse } from "../../../types/api";
 import type { NextComponent } from "../../../types/main";
+import { NextRouter, useRouter } from "next/router";
 import { Starter } from "./Starter";
 
 import { useSession } from "next-auth/react";
@@ -31,12 +32,26 @@ export const Form: NextComponent<FormProps> = ({
     children
 }: FormProps): JSX.Element => {
     const { data: session } = useSession();
+    const router: NextRouter = useRouter();
+    const [cooldown, setCooldown]: [
+        boolean,
+        Dispatch<SetStateAction<boolean>>
+    ] = useState<boolean>(false);
     const [member, setMember]: [
         GuildMember | null,
         Dispatch<SetStateAction<GuildMember | null>>
     ] = useState<GuildMember | null>(null);
 
     useEffect((): void => {
+        const storedCooldown: string | null = localStorage.getItem(
+            "application-cooldown"
+        );
+        if (!storedCooldown)
+            localStorage.setItem("application-cooldown", "false");
+
+        const onCooldown: boolean = JSON.parse(storedCooldown!);
+        setCooldown(onCooldown);
+
         session &&
             fetch(
                 `/api/v${process.env.API_VERSION}/get/members/` +
@@ -66,33 +81,38 @@ export const Form: NextComponent<FormProps> = ({
                         onSubmit={(e: FormEvent<HTMLFormElement>): void => {
                             e.preventDefault();
 
-                            const questions: string[] = [];
-
-                            e.currentTarget
-                                .querySelectorAll("label")
-                                .forEach((label: HTMLLabelElement): void => {
-                                    questions.push(`**${label.innerText}**`);
-                                });
+                            if (cooldown)
+                                return window.alert(
+                                    "Please wait a week after you last submitted an application form before reapplying."
+                                );
 
-                            const answers: FormAnswer[] = [];
+                            const questions: string[] = Array.from(
+                                e.currentTarget.querySelectorAll("label")
+                            ).map(
+                                (label: HTMLLabelElement): string =>
+                                    `**${label.innerText}**`
+                            );
 
-                            e.currentTarget
-                                .querySelectorAll(
+                            const answers: FormAnswer[] = Array.from(
+                                e.currentTarget.querySelectorAll(
                                     "input[type=email], input[type=range], input[type=text], textarea, select"
                                 )
-                                .forEach(
-                                    (element: Element, index: number): void => {
-                                        answers.push({
-                                            question: questions[index],
-                                            answer:
-                                                (
-                                                    element as
-                                                        | HTMLInputElement
-                                                        | HTMLTextAreaElement
-                                                ).value ?? "N/A"
-                                        });
-                                    }
-                                );
+                            ).map(
+                                (
+                                    element: Element,
+                                    index: number
+                                ): FormAnswer => {
+                                    return {
+                                        question: questions[index],
+                                        answer:
+                                            (
+                                                element as
+                                                    | HTMLInputElement
+                                                    | HTMLTextAreaElement
+                                            ).value ?? "N/A"
+                                    };
+                                }
+                            );
 
                             new FormHandler().postApplication(
                                 type,
@@ -104,6 +124,23 @@ export const Form: NextComponent<FormProps> = ({
                             window.alert(
                                 "Thanks for submitting your application! You will be contacted once we review your application via our Discord server."
                             );
+
+                            localStorage.setItem(
+                                "application-cooldown",
+                                "true"
+                            );
+                            setTimeout(
+                                (): void =>
+                                    localStorage.setItem(
+                                        "application-cooldown",
+                                        "false"
+                                    ),
+                                1000 * 60 * 60 * 24 * 7
+                            );
+
+                            if (e.currentTarget) e.currentTarget.reset();
+
+                            router.push("/");
                         }}>
                         <h2 className="text-2xl font-black tracking-tighter dark:text-mtxWhite">
                             Submit your {type} application

lib/constants.ts

@@ -77,17 +77,14 @@ export const channel = {
  */
 export const applicationWebhooks = {
     developer:
-        "https://discord.com/api/webhooks/908932551794638899/QQz8HP3HU-cz4DzNhzEDStUyRpgIA9pM-3636LgegwkcSBtK41mdhNJs1MlgVPolC8p_",
+        "https://discord.com/api/webhooks/908932774449258586/O5oNqzCcDEFcaV-K7_PLSPG8lmHzu0DgewPI28FsshSD8PCiW0RM8V1-n8-KmmOqaP_M",
     support:
-        "https://discord.com/api/webhooks/908932865729904670/VjLgSoEWSyVUlM1AGivcucXv8Gvj3IVZS9Y9oFGcDxAge8tWAmoE4E-3aicCRzSbYws9",
-    supervisor:
         "https://discord.com/api/webhooks/908932774449258586/O5oNqzCcDEFcaV-K7_PLSPG8lmHzu0DgewPI28FsshSD8PCiW0RM8V1-n8-KmmOqaP_M",
     moderator:
-        "https://discord.com/api/webhooks/908933132714139659/4g7O9lkW5gsz3VffxAUQdL7ON5KYli0le-WqzG0NkYDBxtfq4e7EdMfXNlhHKIXAh5Xt",
+        "https://discord.com/api/webhooks/908932774449258586/O5oNqzCcDEFcaV-K7_PLSPG8lmHzu0DgewPI28FsshSD8PCiW0RM8V1-n8-KmmOqaP_M",
     marketing:
-        "https://discord.com/api/webhooks/908933334141394954/jAxj-gC-vfyoGlQjWtxdO5qTXjMEsVmfhPhNElvg_ovx034URBgami3VA_gUH9I5qPxN",
-    public: "https://discord.com/api/webhooks/1046729408771268668/XIjJbcge4yqYS_a_Af4kOEtqQ9U3FbYRshO1wnF3JDNsHIOFGBb8TjBs05sAzREO4pdt",
-    DSA: "https://discord.com/api/webhooks/908933518887878716/U5XAZVMTsJScCLXxezkeXgb6b6b9lnKJUskrV05UmQfiE9w1NtG1We-wd6sMZFf6odZ9"
+        "https://discord.com/api/webhooks/908932774449258586/O5oNqzCcDEFcaV-K7_PLSPG8lmHzu0DgewPI28FsshSD8PCiW0RM8V1-n8-KmmOqaP_M",
+    public: "https://discord.com/api/webhooks/908932774449258586/O5oNqzCcDEFcaV-K7_PLSPG8lmHzu0DgewPI28FsshSD8PCiW0RM8V1-n8-KmmOqaP_M"
 };
 
 /**

lib/util/formhandler.ts

@@ -34,6 +34,7 @@ export class FormHandler {
               })
             | undefined
     ): Promise<void> {
+        console.log(user);
         const message: { embeds?: Embed[] } = {
             embeds: [
                 {