From 11dd8e0b0533a89b292b1ddc63fe9d082c0f5100 Mon Sep 17 00:00:00 2001
From: Benny Samir Hierl <bennysamir@posteo.de>
Date: Sat, 19 Feb 2022 22:27:42 +0100
Subject: [PATCH] add home icon to header

Signed-off-by: Benny Samir Hierl <bennysamir@posteo.de>
---
 components.d.ts                   | 3 ++-
 src/components/Header.vue         | 7 +++++--
 src/components/icons/IconHome.vue | 5 +++++
 3 files changed, 12 insertions(+), 3 deletions(-)
 create mode 100644 src/components/icons/IconHome.vue

diff --git a/components.d.ts b/components.d.ts
index 665c52d..8be9c7b 100644
--- a/components.d.ts
+++ b/components.d.ts
@@ -14,6 +14,7 @@ declare module 'vue' {
     IconCreation: typeof import('./src/components/icons/IconCreation.vue')['default']
     IconDelete: typeof import('./src/components/icons/IconDelete.vue')['default']
     IconError: typeof import('./src/components/icons/IconError.vue')['default']
+    IconHome: typeof import('./src/components/icons/IconHome.vue')['default']
     IconImagePlaceholder: typeof import('./src/components/icons/IconImagePlaceholder.vue')['default']
     IconLightDark: typeof import('./src/components/icons/IconLightDark.vue')['default']
     IconLink: typeof import('./src/components/icons/IconLink.vue')['default']
@@ -38,4 +39,4 @@ declare module 'vue' {
   }
 }
 
-export { }
+export {}
diff --git a/src/components/Header.vue b/src/components/Header.vue
index c8041b4..f057dd9 100644
--- a/src/components/Header.vue
+++ b/src/components/Header.vue
@@ -1,16 +1,19 @@
 <template>
   <header
-    class="mb-4 flex flex-row items-center justify-end space-x-2 opacity-60"
+    class="mb-4 flex flex-row items-center space-x-2 opacity-60 sm:justify-end"
   >
     <div
       v-if="isAuthenticated"
-      class="mr-4 inline-flex cursor-pointer items-center space-x-1"
+      class="mr-4 inline-flex grow cursor-pointer items-center space-x-1"
       @click="() => toggle()"
     >
       <IconToggleOn v-if="editMode" class="h-6 w-6 fill-emerald-700" />
       <IconToggleOff v-else class="h-6 w-6 cursor-pointer fill-current" />
       <span>{{ t('components.header.edit-mode.text') }}</span>
     </div>
+    <router-link to="/">
+      <IconHome class="h-6 w-6 cursor-pointer fill-current"></IconHome>
+    </router-link>
     <div @click="() => toggleDark()">
       <IconLightDark class="h-6 w-6 cursor-pointer fill-current" />
     </div>
diff --git a/src/components/icons/IconHome.vue b/src/components/icons/IconHome.vue
new file mode 100644
index 0000000..c8abc14
--- /dev/null
+++ b/src/components/icons/IconHome.vue
@@ -0,0 +1,5 @@
+<template>
+  <svg viewBox="0 0 24 24">
+    <path d="M10 20v-6h4v6h5v-8h3L12 3L2 12h3v8h5z"></path>
+  </svg>
+</template>