Website: Add phishing page

WelcomerTeam · Jul 30, 2024 · f8e5249 · f8e5249
1 parent f449848
commit f8e5249
Show file tree

Hide file tree

Showing 4 changed files with 25 additions and 3 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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",