From 8abcd3a979624c4806b3e1c9bf5413d0663884bb Mon Sep 17 00:00:00 2001
From: Barf-Vader <47476490+Barf-Vader@users.noreply.github.com>
Date: Tue, 17 Jun 2025 13:03:58 +0100
Subject: [PATCH] feat:admin mode display

---
 src/routes/+page.svelte            | 30 ++++++++++++++++++++++++++----
 src/routes/space/[id]/+page.svelte |  2 +-
 2 files changed, 27 insertions(+), 5 deletions(-)

diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 1964ef7..fe0c22c 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -202,7 +202,8 @@
         <span class="checkReports">
             <Button href="/space/reports" type="link" style="red">Check Reports</Button>
         </span>
-    {:else if session}
+    {/if}
+    {#if session}
         <button class="fav-button" onclick={() => (showFavourites = !showFavourites)} type="button">
             {showFavourites ? "All spaces" : "My favourites"}
         </button>
@@ -232,9 +233,7 @@
             imgSrc={imgUrl}
             space={studySpace}
             isFavourite={favouriteIds.includes(studySpace.id)}
-            onToggleFavourite={session && !adminMode
-                ? () => handleToggleFavourite(studySpace.id)
-                : undefined}
+            onToggleFavourite={session ? () => handleToggleFavourite(studySpace.id) : undefined}
             isAvailable={studySpace.study_space_hours.length === 0
                 ? undefined
                 : isOpenNow(studySpace.study_space_hours).isOpen}
@@ -257,6 +256,9 @@
         <Button href="/auth" type="link">Login / Signup</Button>
     {/if}
 </footer>
+{#if adminMode}
+    <div class="adminMode">You are in admin mode</div>
+{/if}
 
 <style>
     main {
@@ -327,4 +329,24 @@
             grid-template-columns: 1fr;
         }
     }
+
+    .adminMode {
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        align-items: center;
+        width: 100%;
+        position: sticky;
+        left: 0;
+        gap: 0.5rem;
+        padding: 0.75rem;
+        font-size: 1rem;
+        background-color: #182125;
+        bottom: 0;
+        border-radius: 0.5rem;
+        box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.1);
+        color: #eaffeb;
+        border: 2px solid #eaffeb;
+        z-index: 1000;
+    }
 </style>
diff --git a/src/routes/space/[id]/+page.svelte b/src/routes/space/[id]/+page.svelte
index d626f89..798979b 100644
--- a/src/routes/space/[id]/+page.svelte
+++ b/src/routes/space/[id]/+page.svelte
@@ -116,7 +116,7 @@
 <main>
     <div class="imgContainer">
         {#await supabase.auth.getSession() then resp}
-            {#if resp.data.session && !adminMode}
+            {#if resp.data.session}
                 <div class="title-fav">
                     <Favourite
                         {isFavourite}