From cfc3d291358fe52b468b0ecd8b2a698088fd4db1 Mon Sep 17 00:00:00 2001
From: Jorge Vargas <jorgev259@outlook.es>
Date: Sun, 6 Apr 2025 23:36:35 -0600
Subject: [PATCH] Message when previewing a hidden album

---
 src/pages/admin/album/[id].astro | 2 +-
 src/pages/album/[id].astro       | 8 ++++++++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/pages/admin/album/[id].astro b/src/pages/admin/album/[id].astro
index c5e8bce..b72350a 100644
--- a/src/pages/admin/album/[id].astro
+++ b/src/pages/admin/album/[id].astro
@@ -81,7 +81,7 @@ if (!album) {
           <Input dark defaultValue={album.description} name='description' label='Description' className='col-span-3' />
           <Input dark name='cover' label='Cover image' type='file' />
 
-          <InputSelect dark name='status' label='Status' value={album.status}>
+          <InputSelect dark name='status' label='Status' defaultValue={album.status}>
             <option value={AlbumStatus.HIDDEN}>Hidden</option>
             <option value={AlbumStatus.SHOW}>Show</option>
           </InputSelect>
diff --git a/src/pages/album/[id].astro b/src/pages/album/[id].astro
index 7b09f8e..9734563 100644
--- a/src/pages/album/[id].astro
+++ b/src/pages/album/[id].astro
@@ -86,6 +86,14 @@ const coverImage = await getImage({
     meta: [{ name: 'theme-color', content: album?.headerColor }]
   }}
 />
+
+{album?.status === AlbumStatus.HIDDEN ? (
+  <script>
+    import toast from 'react-hot-toast'
+    toast('This page is currently hidden', { duration: Infinity })
+  </script>
+) : null}
+
 <BaseLayout>
   <div
     class={`w-full min-h-100vh bg-fixed bg-center bg-cover`}