From e9483cb2423c972fa0fe6ae0538ef9eb2d510929 Mon Sep 17 00:00:00 2001
From: Mysterious_Dev <40738104+Mysterious-Dev@users.noreply.github.com>
Date: Sun, 28 Jan 2024 20:02:29 +0100
Subject: [PATCH] Use omorphia icons for auth pages (#1614)

* Begin Work

* Use omorphia icons for sign-up page
---
 pages/auth/reset-password.vue |  4 +---
 pages/auth/sign-in.vue        | 32 +++++++++++++++++---------------
 pages/auth/sign-up.vue        | 34 +++++++++++++++++++---------------
 3 files changed, 37 insertions(+), 33 deletions(-)

diff --git a/pages/auth/reset-password.vue b/pages/auth/reset-password.vue
index 8977c04792..68647bd508 100644
--- a/pages/auth/reset-password.vue
+++ b/pages/auth/reset-password.vue
@@ -66,9 +66,7 @@
   </div>
 </template>
 <script setup>
-import { SendIcon } from 'omorphia'
-import MailIcon from 'assets/icons/auth/mail.svg'
-import KeyIcon from 'assets/icons/auth/key.svg'
+import { SendIcon, MailIcon, KeyIcon } from 'omorphia'
 
 const { formatMessage } = useVIntl()
 
diff --git a/pages/auth/sign-in.vue b/pages/auth/sign-in.vue
index e39a8bc6c3..1d9d84c887 100644
--- a/pages/auth/sign-in.vue
+++ b/pages/auth/sign-in.vue
@@ -27,27 +27,27 @@
 
       <section class="third-party">
         <a class="btn" :href="getAuthUrl('discord', redirectTarget)">
-          <DiscordIcon />
+          <SSODiscordIcon />
           <span>Discord</span>
         </a>
         <a class="btn" :href="getAuthUrl('github', redirectTarget)">
-          <GitHubIcon />
+          <SSOGitHubIcon />
           <span>GitHub</span>
         </a>
         <a class="btn" :href="getAuthUrl('microsoft', redirectTarget)">
-          <MicrosoftIcon />
+          <SSOMicrosoftIcon />
           <span>Microsoft</span>
         </a>
         <a class="btn" :href="getAuthUrl('google', redirectTarget)">
-          <GoogleIcon />
+          <SSOGoogleIcon />
           <span>Google</span>
         </a>
         <a class="btn" :href="getAuthUrl('steam', redirectTarget)">
-          <SteamIcon />
+          <SSOSteamIcon />
           <span>Steam</span>
         </a>
         <a class="btn" :href="getAuthUrl('gitlab', redirectTarget)">
-          <GitLabIcon />
+          <SSOGitLabIcon />
           <span>GitLab</span>
         </a>
       </section>
@@ -107,15 +107,17 @@
 </template>
 
 <script setup>
-import { RightArrowIcon } from 'omorphia'
-import GitHubIcon from 'assets/icons/auth/sso-github.svg'
-import MicrosoftIcon from 'assets/icons/auth/sso-microsoft.svg'
-import GoogleIcon from 'assets/icons/auth/sso-google.svg'
-import SteamIcon from 'assets/icons/auth/sso-steam.svg'
-import DiscordIcon from 'assets/icons/auth/sso-discord.svg'
-import KeyIcon from 'assets/icons/auth/key.svg'
-import MailIcon from 'assets/icons/auth/mail.svg'
-import GitLabIcon from 'assets/icons/auth/sso-gitlab.svg'
+import {
+  RightArrowIcon,
+  SSOGitHubIcon,
+  SSOMicrosoftIcon,
+  SSOSteamIcon,
+  SSOGoogleIcon,
+  SSODiscordIcon,
+  SSOGitLabIcon,
+  KeyIcon,
+  MailIcon,
+} from 'omorphia'
 
 const { formatMessage } = useVIntl()
 
diff --git a/pages/auth/sign-up.vue b/pages/auth/sign-up.vue
index 0abaafd825..fd90de342a 100644
--- a/pages/auth/sign-up.vue
+++ b/pages/auth/sign-up.vue
@@ -4,27 +4,27 @@
 
     <section class="third-party">
       <a class="btn discord-btn" :href="getAuthUrl('discord', redirectTarget)">
-        <DiscordIcon />
+        <SSODiscordIcon />
         <span>Discord</span>
       </a>
       <a class="btn" :href="getAuthUrl('github', redirectTarget)">
-        <GitHubIcon />
+        <SSOGitHubIcon />
         <span>GitHub</span>
       </a>
       <a class="btn" :href="getAuthUrl('microsoft', redirectTarget)">
-        <MicrosoftIcon />
+        <SSOMicrosoftIcon />
         <span>Microsoft</span>
       </a>
       <a class="btn" :href="getAuthUrl('google', redirectTarget)">
-        <GoogleIcon />
+        <SSOGoogleIcon />
         <span>Google</span>
       </a>
       <a class="btn" :href="getAuthUrl('steam', redirectTarget)">
-        <SteamIcon />
+        <SSOSteamIcon />
         <span>Steam</span>
       </a>
       <a class="btn" :href="getAuthUrl('gitlab', redirectTarget)">
-        <GitLabIcon />
+        <SSOGitLabIcon />
         <span>GitLab</span>
       </a>
     </section>
@@ -123,15 +123,19 @@
 </template>
 
 <script setup>
-import { RightArrowIcon, UserIcon, Checkbox } from 'omorphia'
-import GitHubIcon from 'assets/icons/auth/sso-github.svg'
-import MicrosoftIcon from 'assets/icons/auth/sso-microsoft.svg'
-import GoogleIcon from 'assets/icons/auth/sso-google.svg'
-import SteamIcon from 'assets/icons/auth/sso-steam.svg'
-import DiscordIcon from 'assets/icons/auth/sso-discord.svg'
-import KeyIcon from 'assets/icons/auth/key.svg'
-import MailIcon from 'assets/icons/auth/mail.svg'
-import GitLabIcon from 'assets/icons/auth/sso-gitlab.svg'
+import {
+  RightArrowIcon,
+  UserIcon,
+  Checkbox,
+  SSOGitHubIcon,
+  SSOMicrosoftIcon,
+  SSOGoogleIcon,
+  SSOSteamIcon,
+  SSODiscordIcon,
+  KeyIcon,
+  MailIcon,
+  SSOGitLabIcon,
+} from 'omorphia'
 
 const { formatMessage } = useVIntl()