Merge pull request #187 from uclaacm/discord_page

add discord redirect page
uclaacm · Jun 19, 2024 · 40c00be · 40c00be
2 parents 98c4aa2 + 080676e
commit 40c00be
Show file tree

Hide file tree

Showing 3 changed files with 44 additions and 0 deletions.
diff --git a/next.config.js b/next.config.js
@@ -20,6 +20,7 @@ const nextConfig = {
     return {
       "/": { page: "/" },
       "/about": { page: "/about" },
+      "/discord": { page: "/discord" },
       "/members": { page: "/members" },
       "/events": { page: "/events" },
       "/archive": { page: "/archive" },

diff --git a/pages/discord.tsx b/pages/discord.tsx
@@ -0,0 +1,28 @@
+import Link from "next/link";
+import Footer from "../components/Footer";
+
+import Navbar from "../components/Navbar";
+
+import styles from "../styles/Discord.module.scss";
+
+import Script from "next/script";
+
+export default function Discord() {
+  return (
+    <div>
+      <Navbar />
+      <main className={styles.redirect}>
+        <h1>Redirecting you now...</h1>
+        <p className={styles.home}>
+          <Link href="https://discord.gg/H9enFH7g">
+            Click here if you are not redirected automatically
+          </Link>
+        </p>
+      </main>
+      <Script id="discord-redirect">
+        {`window.location.href = "https://discord.gg/H9enFH7g"`}
+      </Script>
+      <Footer />
+    </div>
+  );
+}
diff --git a/styles/Discord.module.scss b/styles/Discord.module.scss
@@ -0,0 +1,15 @@
+.redirect {
+  min-height: 90vh;
+  padding: 4rem 0 4rem 0;
+  margin: 4rem 20% 0 20%;
+  text-align: center;
+  color: #ffba44;
+}
+
+.home a {
+  text-decoration: underline;
+}
+
+.home:hover a {
+  color: #ffba44;
+}