From 5f306a7d757598b024b1b5c3e7989f1a9f6da629 Mon Sep 17 00:00:00 2001
From: Johannes Kirschbauer <hsjobeki@gmail.com>
Date: Tue, 26 Nov 2024 13:55:58 +0100
Subject: [PATCH] UI/backButton: use button and icon component

---
 pkgs/webview-ui/app/src/components/BackButton.tsx | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/pkgs/webview-ui/app/src/components/BackButton.tsx b/pkgs/webview-ui/app/src/components/BackButton.tsx
index e113739cb..97acfed46 100644
--- a/pkgs/webview-ui/app/src/components/BackButton.tsx
+++ b/pkgs/webview-ui/app/src/components/BackButton.tsx
@@ -1,10 +1,15 @@
 import { useNavigate } from "@solidjs/router";
+import { Button } from "./button";
+import Icon from "./icon";
 
 export const BackButton = () => {
   const navigate = useNavigate();
   return (
-    <button class="btn btn-square btn-ghost" onClick={() => navigate(-1)}>
-      <span class="material-icons ">arrow_back_ios</span>
-    </button>
+    <Button
+      variant="light"
+      class="w-fit"
+      onClick={() => navigate(-1)}
+      startIcon={<Icon icon="ArrowLeft" />}
+    ></Button>
   );
 };