update global (texte + logo)

2024-04-18 17:19:24 +02:00
parent f9d05a2fd3
commit 1c73080fe3
307 changed files with 28214 additions and 105 deletions
--- a/Linkwarden/pages/choose-username.tsx
+++ b/Linkwarden/pages/choose-username.tsx
@ -0,0 +1,93 @@
+import SubmitButton from "@/components/SubmitButton";
+import { signOut } from "next-auth/react";
+import { FormEvent, useState } from "react";
+import { toast } from "react-hot-toast";
+import { useSession } from "next-auth/react";
+import useAccountStore from "@/store/account";
+import CenteredForm from "@/layouts/CenteredForm";
+import TextInput from "@/components/TextInput";
+import AccentSubmitButton from "@/components/AccentSubmitButton";
+
+export default function ChooseUsername() {
+  const [submitLoader, setSubmitLoader] = useState(false);
+  const [inputedUsername, setInputedUsername] = useState("");
+
+  const { data, status, update } = useSession();
+
+  const { updateAccount, account } = useAccountStore();
+
+  async function submitUsername(event: FormEvent<HTMLFormElement>) {
+    event.preventDefault();
+
+    setSubmitLoader(true);
+
+    const redirectionToast = toast.loading("Applying...");
+
+    const response = await updateAccount({
+      ...account,
+      username: inputedUsername,
+    });
+
+    if (response.ok) {
+      toast.success("Username Applied!");
+
+      update({
+        id: data?.user.id,
+      });
+    } else toast.error(response.data as string);
+    toast.dismiss(redirectionToast);
+    setSubmitLoader(false);
+  }
+
+  return (
+    <CenteredForm>
+      <form onSubmit={submitUsername}>
+        <div className="p-4 mx-auto flex flex-col gap-3 justify-between max-w-[30rem] min-w-80 w-full bg-base-200 rounded-2xl shadow-md border border-neutral-content">
+          <p className="text-3xl text-center font-extralight">
+            Choose a Username
+          </p>
+
+          <div className="divider my-0"></div>
+
+          <div>
+            <p className="text-sm w-fit font-semibold mb-1">Username</p>
+
+            <TextInput
+              autoFocus
+              placeholder="john"
+              value={inputedUsername}
+              className="bg-base-100"
+              onChange={(e) => setInputedUsername(e.target.value)}
+            />
+          </div>
+          <div>
+            <p className="text-md text-neutral mt-1">
+              Feel free to reach out to us at{" "}
+              <a
+                className="font-semibold underline"
+                href="mailto:support@linkwarden.app"
+              >
+                support@linkwarden.app
+              </a>{" "}
+              in case of any issues.
+            </p>
+          </div>
+
+          <AccentSubmitButton
+            type="submit"
+            label="Complete Registration"
+            className="mt-2 w-full"
+            loading={submitLoader}
+          />
+
+          <div
+            onClick={() => signOut()}
+            className="w-fit mx-auto cursor-pointer text-neutral font-semibold "
+          >
+            Sign Out
+          </div>
+        </div>
+      </form>
+    </CenteredForm>
+  );
+}