From d4e226e09face78da794fa7e676eef85d05dde75 Mon Sep 17 00:00:00 2001
From: Corentin Thomasset <corentin.thomasset74@gmail.com>
Date: Thu, 14 Apr 2022 23:26:19 +0200
Subject: [PATCH] feat(navbar): added github link

---
 src/layouts/base.layout.vue | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/layouts/base.layout.vue b/src/layouts/base.layout.vue
index 9f2d3b9f..fcd06f17 100644
--- a/src/layouts/base.layout.vue
+++ b/src/layouts/base.layout.vue
@@ -3,7 +3,7 @@ import { NIcon } from 'naive-ui';
 import { h, ref, type Component } from 'vue';
 import { RouterLink, useRoute } from 'vue-router';
 import { LightModeFilled, DarkModeFilled } from '@vicons/material'
-import { Heart } from '@vicons/tabler'
+import { Heart, BrandGithub } from '@vicons/tabler'
 import { toolsByCategory } from '@/tools';
 import SearchBar from '../components/SearchBar.vue';
 import { useStyleStore } from '@/stores/style.store';
@@ -61,13 +61,13 @@ const m = toolsByCategory.map(category => ({
                     <n-icon :component="Heart" />&nbsp;
                     Sponsor
                 </n-button>
+                <n-button circle quaternary tag="a" href="https://github.com/CorentinTh/it-tools" rel="noopener"
+                    target="_blank">
+                    <n-icon size="large" :component="BrandGithub" />
+                </n-button>
                 <n-button circle quaternary @click="styleStore.isDarkTheme = !styleStore.isDarkTheme">
-                    <n-icon size="large" v-if="styleStore.isDarkTheme">
-                        <LightModeFilled />
-                    </n-icon>
-                    <n-icon size="large" v-else>
-                        <DarkModeFilled />
-                    </n-icon>
+                    <n-icon size="large" v-if="styleStore.isDarkTheme" :component="LightModeFilled" />
+                    <n-icon size="large" v-else :component="DarkModeFilled" />
                 </n-button>
             </div>
             <slot />