feat: add dashboard button

apps/website/src/components/Settings.astro

@@ -0,0 +1,40 @@
+<svg viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg" class="h-6 w-6"
+  ><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g
+    id="SVGRepo_tracerCarrier"
+    stroke-linecap="round"
+    stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"
+    ><path
+      fill="#CCD6DD"
+      d="M3 16v-2h30v2zm0 7v-2h30v2zm0 7v-2h30v2zM3 9V7h30v2z"></path><path
+      fill="#D5AB88"
+      d="M35 33V1a1 1 0 0 0-1-1h-1a1 1 0 0 0-1 1H4a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v32h34zM4 4h28v29H4V4z"
+    ></path><path
+      fill="#3B94D9"
+      d="M19 5.5A1.5 1.5 0 0 0 17.5 7a1.5 1.5 0 1 0-3 0a1.5 1.5 0 1 0-3 0a1.5 1.5 0 1 0-3 0a1.5 1.5 0 1 0-3 0v2a1.5 1.5 0 1 0 3 0a1.5 1.5 0 1 0 3 0a1.5 1.5 0 1 0 3 0a1.5 1.5 0 1 0 3 0a1.5 1.5 0 1 0 3 0V7A1.5 1.5 0 0 0 19 5.5z"
+    ></path><path
+      fill="#BE1931"
+      d="M19 12.5a1.5 1.5 0 0 0-1.5 1.5a1.5 1.5 0 1 0-3 0a1.5 1.5 0 1 0-3 0a1.5 1.5 0 1 0-3 0a1.5 1.5 0 1 0-3 0v2a1.5 1.5 0 1 0 3 0a1.5 1.5 0 1 0 3 0a1.5 1.5 0 1 0 3 0a1.5 1.5 0 1 0 3 0a1.5 1.5 0 1 0 3 0v-2a1.5 1.5 0 0 0-1.5-1.5z"
+    ></path><path
+      fill="#5C913B"
+      d="M19 19.5a1.5 1.5 0 0 0-1.5 1.5a1.5 1.5 0 1 0-3 0a1.5 1.5 0 1 0-3 0a1.5 1.5 0 1 0-3 0a1.5 1.5 0 1 0-3 0v2a1.5 1.5 0 1 0 3 0a1.5 1.5 0 1 0 3 0a1.5 1.5 0 1 0 3 0a1.5 1.5 0 1 0 3 0a1.5 1.5 0 1 0 3 0v-2a1.5 1.5 0 0 0-1.5-1.5z"
+    ></path><path
+      fill="#FFAC33"
+      d="M19 26.5a1.5 1.5 0 0 0-1.5 1.5a1.5 1.5 0 1 0-3 0a1.5 1.5 0 1 0-3 0a1.5 1.5 0 1 0-3 0a1.5 1.5 0 1 0-3 0v2a1.5 1.5 0 1 0 3 0a1.5 1.5 0 1 0 3 0a1.5 1.5 0 1 0 3 0a1.5 1.5 0 1 0 3 0a1.5 1.5 0 1 0 3 0v-2a1.5 1.5 0 0 0-1.5-1.5z"
+    ></path><path
+      fill="#3B94D9"
+      d="M29 10.5A1.5 1.5 0 0 1 27.5 9V7a1.5 1.5 0 1 1 3 0v2a1.5 1.5 0 0 1-1.5 1.5z"
+    ></path><path
+      fill="#BE1931"
+      d="M29 17.5a1.5 1.5 0 0 1-1.5-1.5v-2a1.5 1.5 0 1 1 3 0v2a1.5 1.5 0 0 1-1.5 1.5z"
+    ></path><path
+      fill="#5C913B"
+      d="M29 24.5a1.5 1.5 0 0 1-1.5-1.5v-2a1.5 1.5 0 0 1 3 0v2a1.5 1.5 0 0 1-1.5 1.5z"
+    ></path><path
+      fill="#FFAC33"
+      d="M29 31.5a1.5 1.5 0 0 1-1.5-1.5v-2a1.5 1.5 0 0 1 3 0v2a1.5 1.5 0 0 1-1.5 1.5z"
+    ></path><path
+      fill="#BF6952"
+      d="M35 33H1a1 1 0 0 0-1 1v1a1 1 0 0 0 1 1h34a1 1 0 0 0 1-1v-1a1 1 0 0 0-1-1z"
+    ></path></g
+  ></svg
+>

apps/website/src/pages/auth/login.astro

@@ -1,5 +1,7 @@
 ---
 import Layout from "~/layouts/Layout.astro";
+
+export const prerender = true;
 ---
 
 <Layout>

apps/website/src/pages/auth/logout.astro

@@ -1,5 +1,7 @@
 ---
 import Layout from "~/layouts/Layout.astro";
+
+export const prerender = true;
 ---
 
 <Layout>

apps/website/src/pages/dashboard/index.astro

@@ -2,7 +2,9 @@
 import { getSession } from "auth-astro/server";
 
 const session = await getSession(Astro.request);
-console.log(session);
+if (!session) {
+  return Astro.redirect("/auth/login");
+}
 ---
 
-{session ? <p>Welcome {session.user?.name}</p> : <p>Not logged in</p>}
+<p>Welcome {session.user?.name}</p>

apps/website/src/pages/index.astro

@@ -2,8 +2,11 @@
 import Layout from "~/layouts/Layout.astro";
 import Invite from "~/components/Invite.astro";
 import Computer from "~/components/Computer.astro";
+import Settings from "~/components/Settings.astro";
 import Logo from "~/assets/logo.png";
 import { Image } from "astro:assets";
+
+export const prerender = true;
 ---
 
 <Layout>
@@ -32,15 +35,22 @@ import { Image } from "astro:assets";
         <div class="mt-6 flex flex-col gap-6 md:flex-row">
           <a
             href="https://discord.com/api/oauth2/authorize?client_id=923267906941370368&permissions=268435456&scope=bot%20applications.commands"
-            class="broder-1 duration-400 flex items-center justify-center gap-x-3 rounded-lg border border-[#5865F2] bg-[#5865F2]/25 px-10 py-3 text-lg font-semibold text-white shadow-2xl shadow-[#5865F2]/25 transition-colors ease-out hover:bg-[#5865F2]/40 hover:shadow-[#5865F2]/30"
+            class="broder-1 duration-400 flex items-center justify-center gap-x-3 rounded-lg border border-blue bg-blue/25 px-10 py-3 text-lg font-semibold text-white shadow-2xl shadow-blue/25 transition-colors ease-out hover:bg-blue/40 hover:shadow-blue/30"
             target="_blank"
           >
             <Invite />
             Add to Discord</a
           >
+          <a
+            href="/dashboard"
+            class="broder-1 duration-400 flex items-center justify-center gap-x-3 rounded-lg border border-gold bg-gold/25 px-10 py-3 text-lg font-semibold text-white shadow-2xl shadow-gold/25 transition-colors ease-out hover:bg-gold/40 hover:shadow-gold/30"
+          >
+            <Settings />
+            Dashboard</a
+          >
           <a
             href="https://github.com/xHyroM/roles-bot"
-            class="broder-1 duration-400 flex items-center justify-center gap-x-3 rounded-lg border border-[#FFA500] bg-[#FFA500]/25 px-10 py-3 text-lg font-semibold text-white shadow-2xl shadow-[#FFA500]/25 transition-colors ease-out hover:bg-[#FFA500]/40 hover:shadow-[#FFA500]/30"
+            class="broder-1 duration-400 flex items-center justify-center gap-x-3 rounded-lg border border-gray-50 bg-gray-50/25 px-10 py-3 text-lg font-semibold text-white shadow-2xl shadow-gray-50/25 transition-colors ease-out hover:bg-gray-50/40 hover:shadow-gray-50/30"
             target="_blank"
           >
             <Computer />

apps/website/tailwind.config.cjs

@@ -1,15 +1,17 @@
 /** @type {import('tailwindcss').Config} */
 module.exports = {
-	content: ["./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}"],
+  content: ["./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}"],
-	theme: {
+  theme: {
-		extend: {
+    extend: {
-			colors: {
+      colors: {
-				dark: "#111111",
+        dark: "#111111",
-			},
+        blue: "#5865F2",
-			fontFamily: {
+        gold: "#FFA500",
-				body: ["Montserrat", "sans-serif"],
+      },
-			},
+      fontFamily: {
-		},
+        body: ["Montserrat", "sans-serif"],
-	},
+      },
-	plugins: [],
+    },
+  },
+  plugins: [],
 };