From a2ba328097d6b4ac6868dd3e8d36852e7a2708af Mon Sep 17 00:00:00 2001
From: John Costa <johncosta027@gmail.com>
Date: Mon, 5 May 2025 17:18:28 +0100
Subject: [PATCH] feat: adding a back button

---
 frontend/src/Image.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/frontend/src/Image.tsx b/frontend/src/Image.tsx
index 9fb0734..ce98c45 100644
--- a/frontend/src/Image.tsx
+++ b/frontend/src/Image.tsx
@@ -1,8 +1,9 @@
-import { useParams } from "@solidjs/router";
+import { A, useParams } from "@solidjs/router";
 import { For, Show, type Component } from "solid-js";
 import { base, type UserImage } from "./network";
 import { useSearchImageContext } from "./contexts/SearchImageContext";
 import { SearchCard } from "./components/search-card/SearchCard";
+import { IconArrowLeft } from "@tabler/icons-solidjs";
 
 export const Image: Component = () => {
     const { imageId } = useParams<{ imageId: string }>();
@@ -16,6 +17,11 @@ export const Image: Component = () => {
 
     return (
         <main class="flex flex-col items-center">
+            <nav>
+                <A href="/">
+                    <IconArrowLeft />
+                </A>
+            </nav>
             <img class="h-1/2" alt="users" src={`${base}/image/${imageId}`} />
             <div class="w-full grid grid-cols-9 gap-2 grid-flow-row-dense py-4">
                 <Show when={imageProperties()}>