From b5fb7711d66b421e57b9fb1f3ea2c7f6cd5162c1 Mon Sep 17 00:00:00 2001
From: Sindre Kjelsrud <kjelsrudsindre@gmail.com>
Date: Thu, 14 Dec 2023 13:41:07 +0100
Subject: [PATCH] :recycle: refactored ArrowChevron

Co-authored-by: haraldnilsen <harald_998@hotmail.com>
Signed-off-by: Sindre Kjelsrud <kjelsrudsindre@gmail.com>
---
 frontend/src/components/svg/ArrowChevron.svelte     | 12 ++++++++++++
 frontend/src/components/svg/ArrowChevronLeft.svelte |  8 --------
 2 files changed, 12 insertions(+), 8 deletions(-)
 create mode 100644 frontend/src/components/svg/ArrowChevron.svelte
 delete mode 100644 frontend/src/components/svg/ArrowChevronLeft.svelte

diff --git a/frontend/src/components/svg/ArrowChevron.svelte b/frontend/src/components/svg/ArrowChevron.svelte
new file mode 100644
index 0000000..cdc0442
--- /dev/null
+++ b/frontend/src/components/svg/ArrowChevron.svelte
@@ -0,0 +1,12 @@
+<script lang="ts">
+    export let width:string, direction:string;
+
+    // Define the paths for left and right arrows
+    const leftArrowPath = "M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z";
+    const rightArrowPath = "M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z";
+</script>
+
+<!-- Render the appropriate SVG based on the direction -->
+<svg xmlns="http://www.w3.org/2000/svg" height={width} width={width} viewBox="0 0 320 512">
+    <path d={direction === 'left' ? leftArrowPath : rightArrowPath} />
+</svg>
\ No newline at end of file
diff --git a/frontend/src/components/svg/ArrowChevronLeft.svelte b/frontend/src/components/svg/ArrowChevronLeft.svelte
deleted file mode 100644
index 51a8ae7..0000000
--- a/frontend/src/components/svg/ArrowChevronLeft.svelte
+++ /dev/null
@@ -1,8 +0,0 @@
-<script lang="ts">
-    export let width:string
-</script>
-
-<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2023 Fonticons, Inc.-->
-<svg xmlns="http://www.w3.org/2000/svg" height={width} width={width} viewBox="0 0 320 512">
-    <path d="M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z"/>
-</svg>
\ No newline at end of file