From f8e524982de69ce09391d8d6546ef79cd4647d7e Mon Sep 17 00:00:00 2001
From: Blane Thompson <rock@welcomer.gg>
Date: Tue, 30 Jul 2024 23:51:58 +0000
Subject: [PATCH] Website: Add phishing page

---
 website/app/src/constants.js            |  1 +
 website/app/src/pages/GuildSelector.vue |  9 ++++++---
 website/app/src/pages/Phishing.vue      | 12 ++++++++++++
 website/app/src/router/index.js         |  6 ++++++
 4 files changed, 25 insertions(+), 3 deletions(-)
 create mode 100644 website/app/src/pages/Phishing.vue

diff --git a/website/app/src/constants.js b/website/app/src/constants.js
index 2de4166..c259877 100644
--- a/website/app/src/constants.js
+++ b/website/app/src/constants.js
@@ -2,6 +2,7 @@ export const IsDevelopment = true;
 
 export const LinkSupportServer = "https://discord.gg/UyUVCEcBU9";
 export const LinkYoutubeChannel = "";
+export const LinkPhishing = "https://discord.com/safety/common-scams-what-to-look-out-for";
 
 const primaryBotId = "330416853971107840";
 const betaBotId =    "342685807221407744";
diff --git a/website/app/src/pages/GuildSelector.vue b/website/app/src/pages/GuildSelector.vue
index 2288636..8368cb4 100644
--- a/website/app/src/pages/GuildSelector.vue
+++ b/website/app/src/pages/GuildSelector.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="flex-1 focus:outline-none bg-white dark:bg-secondary">
-    <main class="relative z-0 flex-1 min-h-full pb-8">
-      <div class="font-medium pb-20">
+    <main class="z-0 flex-1">
+      <div class="font-medium pb-20 min-h-screen">
         <div class="dashboard-container">
           <div class="dashboard-title-container">
             <div class="dashboard-title">My Guilds</div>
@@ -82,11 +82,14 @@
           </div>
         </div>
       </div>
+
+      <Footer />
     </main>
   </div>
 </template>
 
 <script>
+import Footer from "@/components/Footer.vue";
 import { ChevronRightIcon, PlusIcon } from "@heroicons/vue/outline";
 import FormValue from "@/components/dashboard/FormValue.vue";
 import LoadingIcon from "@/components/LoadingIcon.vue";
@@ -98,7 +101,7 @@ import {
 } from "@/constants";
 
 export default {
-  components: { FormValue, ChevronRightIcon, LoadingIcon, PlusIcon },
+  components: { FormValue, ChevronRightIcon, LoadingIcon, PlusIcon, Footer },
   setup() {
     store.dispatch("fetchGuilds");
   },
diff --git a/website/app/src/pages/Phishing.vue b/website/app/src/pages/Phishing.vue
new file mode 100644
index 0000000..4a3771e
--- /dev/null
+++ b/website/app/src/pages/Phishing.vue
@@ -0,0 +1,12 @@
+<template>
+</template>
+
+<script>
+import { LinkPhishing } from '@/constants';
+
+export default {
+  setup() {
+    window.location.replace(LinkPhishing);
+  },
+};
+</script>
diff --git a/website/app/src/router/index.js b/website/app/src/router/index.js
index 87c3cb6..f3a3e16 100644
--- a/website/app/src/router/index.js
+++ b/website/app/src/router/index.js
@@ -5,6 +5,7 @@ import Premium from "@/pages/Premium.vue";
 import Invite from "@/pages/Invite.vue";
 import Dashboard from "@/pages/Dashboard.vue";
 import Support from "@/pages/Support.vue";
+import Phishing from "@/pages/Phishing.vue";
 
 const routes = [
   {
@@ -27,6 +28,11 @@ const routes = [
     name: "support",
     component: Support,
   },
+  {
+    path: "/phishing",
+    name: "phishing",
+    component: Phishing,
+  },
   {
     path: "/backgrounds",
     name: "backgrounds",