From 0b1bc9cf762bcabced2bcb3f62654ecdbd1967de Mon Sep 17 00:00:00 2001
From: Benny Samir Hierl <bennysamir@posteo.de>
Date: Sat, 12 Feb 2022 21:28:42 +0100
Subject: [PATCH] Login icon added

Signed-off-by: Benny Samir Hierl <bennysamir@posteo.de>
---
 src/components/Header.vue          | 5 ++++-
 src/components/icons/IconLogin.vue | 8 ++++++++
 src/components/icons/index.ts      | 1 +
 3 files changed, 13 insertions(+), 1 deletion(-)
 create mode 100644 src/components/icons/IconLogin.vue

diff --git a/src/components/Header.vue b/src/components/Header.vue
index 048ab71..f9ed8cd 100644
--- a/src/components/Header.vue
+++ b/src/components/Header.vue
@@ -8,12 +8,15 @@
     <div v-if="isAuthenticated" @click="() => setToken('')">
       <IconLogout class="h-6 w-6 cursor-pointer"></IconLogout>
     </div>
+    <router-link to="/login" v-else>
+      <IconLogin class="h-6 w-6 cursor-pointer"></IconLogin>
+    </router-link>
   </header>
 </template>
 
 <script setup lang="ts">
 import { useDark, useToggle } from '@vueuse/core'
-import { IconLightDark, IconLogout } from '@/components/icons'
+import { IconLightDark, IconLogout, IconLogin } from '@/components/icons'
 import { useAuth } from '@/composables/'
 
 const { isAuthenticated, setToken } = useAuth()
diff --git a/src/components/icons/IconLogin.vue b/src/components/icons/IconLogin.vue
new file mode 100644
index 0000000..71e936c
--- /dev/null
+++ b/src/components/icons/IconLogin.vue
@@ -0,0 +1,8 @@
+<template>
+  <svg viewBox="0 0 24 24">
+    <path
+      d="M10 17v-3H3v-4h7V7l5 5l-5 5m0-15h9a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2h-9a2 2 0 0 1-2-2v-2h2v2h9V4h-9v2H8V4a2 2 0 0 1 2-2z"
+      fill="currentColor"
+    ></path>
+  </svg>
+</template>
diff --git a/src/components/icons/index.ts b/src/components/icons/index.ts
index 0ec8768..053a0af 100644
--- a/src/components/icons/index.ts
+++ b/src/components/icons/index.ts
@@ -6,4 +6,5 @@ export { default as IconSpinner } from './IconSpinner.vue'
 export { default as IconNoGift } from './IconNoGift.vue'
 export { default as IconLightDark } from './IconLightDark.vue'
 export { default as IconLogout } from './IconLogout.vue'
+export { default as IconLogin } from './IconLogin.vue'
 export { default as IconCloudQuestion } from './IconCloudQuestion.vue'