From ba7f38bee193d43711f2380e8eaeb93d3fc9dc43 Mon Sep 17 00:00:00 2001
From: EETagent <vojta.jungmann@gmail.com>
Date: Thu, 12 Jan 2023 13:31:18 +0100
Subject: [PATCH] feat: move logout icon to component

---
 .../lib/components/dashboard/InfoButton.svelte    | 15 ++-------------
 frontend/src/lib/components/icons/Logout.svelte   | 13 +++++++++++++
 2 files changed, 15 insertions(+), 13 deletions(-)
 create mode 100644 frontend/src/lib/components/icons/Logout.svelte

diff --git a/frontend/src/lib/components/dashboard/InfoButton.svelte b/frontend/src/lib/components/dashboard/InfoButton.svelte
index 77d8533..ea58827 100644
--- a/frontend/src/lib/components/dashboard/InfoButton.svelte
+++ b/frontend/src/lib/components/dashboard/InfoButton.svelte
@@ -6,6 +6,7 @@
 	import Document from '../icons/Document.svelte';
 	import Download from '../icons/Download.svelte';
 	import { sticky } from 'tippy.js';
+	import Logout from '../icons/Logout.svelte';
 
 	export let showDetails: boolean;
 
@@ -50,19 +51,7 @@
 			delay: 0
 		}}
 	>
-		<svg
-			class="icon"
-			fill="none"
-			stroke="currentColor"
-			viewBox="0 0 24 24"
-			xmlns="http://www.w3.org/2000/svg"
-			><path
-				stroke-linecap="round"
-				stroke-linejoin="round"
-				stroke-width="2"
-				d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"
-			/></svg
-		>
+		<Logout />
 	</span>
 {:else}
 	<span
diff --git a/frontend/src/lib/components/icons/Logout.svelte b/frontend/src/lib/components/icons/Logout.svelte
new file mode 100644
index 0000000..cd6a365
--- /dev/null
+++ b/frontend/src/lib/components/icons/Logout.svelte
@@ -0,0 +1,13 @@
+<svg
+class="h-10 w-10"
+fill="none"
+stroke="currentColor"
+viewBox="0 0 24 24"
+xmlns="http://www.w3.org/2000/svg"
+><path
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    stroke-width="2"
+    d="M17 16l4-4m0 0l-4-4m4 4H7m6 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h4a3 3 0 013 3v1"
+/></svg
+>
\ No newline at end of file