From 4abcbe7f22996af2b65459683b59ecce20520cef Mon Sep 17 00:00:00 2001
From: Arthur DANJOU <arthurdanjou@outlook.fr>
Date: Fri, 2 Feb 2024 18:57:07 +0100
Subject: [PATCH] Fix login label

---
 src/pages/guestbook.vue | 4 ++--
 src/pages/talents.vue   | 3 ++-
 types.ts                | 9 +++------
 3 files changed, 7 insertions(+), 9 deletions(-)

diff --git a/src/pages/guestbook.vue b/src/pages/guestbook.vue
index e972baf..7efee3b 100644
--- a/src/pages/guestbook.vue
+++ b/src/pages/guestbook.vue
@@ -127,10 +127,10 @@ async function deleteMessage(id: number) {
               v-for="provider in providers"
               :key="provider.slug"
               :label="provider.label"
-              :color="provider.color"
+              color="black"
               variant="solid"
-              :icon="provider.icon"
               :to="provider.link"
+              :icon="provider.icon"
               external
             />
           </div>
diff --git a/src/pages/talents.vue b/src/pages/talents.vue
index b549e6f..783f6db 100644
--- a/src/pages/talents.vue
+++ b/src/pages/talents.vue
@@ -137,9 +137,10 @@ async function suggest() {
               v-for="provider in providers"
               :key="provider.slug"
               :label="provider.label"
-              :color="provider.color"
+              color="black"
               variant="solid"
               :to="provider.link"
+              :icon="provider.icon"
               external
             />
           </div>
diff --git a/types.ts b/types.ts
index ae35082..48b2da2 100644
--- a/types.ts
+++ b/types.ts
@@ -74,24 +74,21 @@ export interface Skill extends ParsedContent {
 export const providers = [
   {
     slug: 'github',
-    label: 'Use Github',
+    label: 'Login with Github',
     icon: 'i-ph-github-logo-bold',
     link: '/auth/github',
-    color: 'black',
   },
   /* {
     slug: 'twitter',
-    label: 'Use Twitter',
+    label: 'Login with Twitter',
     icon: 'i-ph-twitter-logo-bold',
     link: '/auth/twitter',
-    color: 'cyan',
   }, */
   {
     slug: 'google',
-    label: 'Use Google',
+    label: 'Login with Google',
     icon: 'i-ph-google-logo-bold',
     link: '/auth/google',
-    color: 'red',
   },
 ]