From 386927406c308c08240464d338fb9251a20ae14a Mon Sep 17 00:00:00 2001
From: Damien Ostler <damienostler1@outlook.com>
Date: Sun, 2 Jun 2024 22:48:00 -0400
Subject: [PATCH] fix: girl bg

---
 app/api/tiers/route.ts                        | 19 +++++++
 app/gallery/admin/page.tsx                    |  2 +-
 app/gallery/admin/view/page.tsx               | 52 +++++++++++--------
 .../neroshitron/right_hand_layout_image.tsx   |  2 +-
 4 files changed, 50 insertions(+), 25 deletions(-)
 create mode 100644 app/api/tiers/route.ts

diff --git a/app/api/tiers/route.ts b/app/api/tiers/route.ts
new file mode 100644
index 0000000..4a45f77
--- /dev/null
+++ b/app/api/tiers/route.ts
@@ -0,0 +1,19 @@
+import { NextResponse } from "next/server";
+import { createClient } from "@/utils/supabase/server";
+
+
+enum customTypeOptions 
+{
+    Free,
+    Tier1,
+    Tier2,
+    Tier3
+}
+
+export async function GET(request: Request) {
+    const supabase = createClient();
+    
+    return NextResponse.json(customTypeOptions);
+}
+
+  
\ No newline at end of file
diff --git a/app/gallery/admin/page.tsx b/app/gallery/admin/page.tsx
index 2f074a7..22f6485 100644
--- a/app/gallery/admin/page.tsx
+++ b/app/gallery/admin/page.tsx
@@ -68,7 +68,7 @@ function PageComponent() {
 
     return (
         <div className="w-full h-1/2 text-white lg:flex justify-center items-center animate-in">
-        <div className="w-full lg:w-1/3 rounded-md bg-primary opacity-90 g- p-12 m-1 mt-32 shadow-lg backdrop-blur">
+        <div className="w-full lg:w-1/3 rounded-md bg-primary opacity-90 p-12 m-1 mt-32 shadow-lg backdrop-blur">
             <div className="w-full flex">
                 <input type="text" onChange={(e)=>{setNewTagName(e.target.value)}} className="hover:scale-105 focus:scale-95 mb-8 mr-2 rounded-md bg-info-bright p-2 w-1/2 text-white shadow-lg" placeholder="Tag Name" />
                 <button onClick={createTag} className="hover:scale-95 ml-2 shadow-lg w-1/2 h-10 text-center bg-success hover:bg-success-light text-white font-bold rounded flex items-center justify-center">
diff --git a/app/gallery/admin/view/page.tsx b/app/gallery/admin/view/page.tsx
index cbcb284..4769598 100644
--- a/app/gallery/admin/view/page.tsx
+++ b/app/gallery/admin/view/page.tsx
@@ -12,7 +12,10 @@ function PageComponent() {
     const supabase = createClient();
     const user = supabase.auth.getUser();
     const [gallery , setGallery] = useState<any>(null);
-    const [galleryName, setGalleryName] = useState<string>(''); 
+    const [galleryName, setGalleryName] = useState<string>('');
+    const [nsfw, setNsfw] = useState<boolean>(false);
+    const [tags, setTags] = useState<string[]>([]);
+    const [tier, setTier] = useState<string>('Free');
 
     const getData = async () => {
         const urlParams = new URLSearchParams(window.location.search);
@@ -25,6 +28,9 @@ function PageComponent() {
         });
         const galleryData = await galleryResponse.json();
         setGallery(galleryData.gallery);
+        setNsfw(galleryData.gallery.nsfw);
+        setTags(galleryData.gallery.tags);
+        setTier(galleryData.gallery.tier);
         setGalleryName(galleryData.gallery.name);
     }
     useEffect(() => {
@@ -32,27 +38,27 @@ function PageComponent() {
     }, []);
 
     useEffect(() => {
-    }, [gallery]);
+    }, [gallery, nsfw, tags, galleryName, tier]);
 
     return (
         <div className="w-full text-white flex justify-center items-center animate-in">
-            <div className="w-full lg:w-1/2 rounded-md opacity-90 backdrop-blur-lg bg-primary p-12 mt-32 shadow-lg">
-                <div className="w-full flex pb-72">
+            <div className="w-full lg:w-1/2 rounded-md p-12 mt-14 ">
+                <div className="w-full flex pb-60">
                     {gallery != null && (
                         <GalleryThumbnail
                             key={"galleryThumbnail"}
-                            id={gallery}
+                            id={galleryName}
                             columns={3}
                             onSelect={function (id: string, columns: number): void {}}
-                            title={gallery.name}
-                            subscription={gallery.tier}
-                            tags={gallery.tags}
+                            title={galleryName}
+                            subscription={tier}
+                            tags={tags}
                             showNsfw={true}
-                            nsfw={gallery.nsfw}
+                            nsfw={nsfw}
                         ></GalleryThumbnail>
                     )}
                 </div>
-                <div className="w-full flex">
+                <div className="w-full flex opacity-90 backdrop-blur-lg bg-primary  shadow-lg p-8 pb-0 rounded">
                     <input
                         type="text"
                         className="mb-8 mr-2 rounded-md bg-secondary p-2 w-1/2 text-white"
@@ -82,7 +88,7 @@ function PageComponent() {
                         </button>
                     </div>
                 </div>
-                <div className="w-full flex">
+                <div className="w-full flex opacity-90 backdrop-blur-lg bg-primary  shadow-lg p-8 pt-0 rounded">
                     <div className="w-1/2 mr-2">
                         <SearchInput
                             placeholderTags={[
@@ -95,29 +101,29 @@ function PageComponent() {
                         />
                     </div>
                     <div className="w-1/2">
-                        <select className="mb-2 shadow-lg rounded-md bg-secondary p-2 w-full text-white">
-                            <option value="" disabled selected></option>
-                            {filePreviews.map((preview, index) => (
-                                <option key={index} value={preview}>{`Thumbnail ${index}`}</option>
-                            ))}
+                    {gallery != null && (<>
+                        <select value={nsfw ? "NSFW" : "SFW"} className="mb-2 shadow-lg rounded-md bg-secondary p-2 w-full text-white" onChange={e=>{
+                            setNsfw(e.target.value === "NSFW");
+                        }}>
+                            <option value="NSFW" selected={nsfw}>NSFW</option>
+                            <option value="SFW" selected={nsfw}>SFW</option>
                         </select>
                         <select className="mb-2 shadow-lg mr-2 rounded-md bg-secondary p-2 w-full text-white">
-                            <option value="" disabled selected>Select New Tier</option>
-                            {filePreviews.map((preview, index) => (
-                                <option key={index} value={preview}>{`Thumbnail ${index}`}</option>
-                            ))}
+                            <option value="Free"   selected={tier === "Free"}>Free</option>
+                            <option value="Tier 1" selected={tier === "Tier 1"}>Tier 1</option>
+                            <option value="Tier 2" selected={tier === "Tier 2"}>Tier 2</option>
+                            <option value="Tier 3" selected={tier === "Tier 3"}>Tier 3</option>
                         </select>
                         <select className="mb-2 shadow-lg mr-2 rounded-md bg-secondary p-2 w-full text-white">
                             <option value="" disabled selected>Select New Thumbnail</option>
-                            {filePreviews.map((preview, index) => (
-                                <option key={index} value={preview}>{`Thumbnail ${index}`}</option>
-                            ))}
                         </select>
                         <Masonry breakpointCols={3} className="my-masonry-grid pl-6 col-span-2">
                             {filePreviews.map((preview, index) => (
                                 <img key={index} src={preview} alt={`Preview ${index}`} />
                             ))}
                         </Masonry>
+                    </>
+                    )}
                     </div>
                 </div>
             </div>
diff --git a/components/neroshitron/right_hand_layout_image.tsx b/components/neroshitron/right_hand_layout_image.tsx
index 525709a..4a7516a 100644
--- a/components/neroshitron/right_hand_layout_image.tsx
+++ b/components/neroshitron/right_hand_layout_image.tsx
@@ -5,7 +5,7 @@ const RightHandLayoutImage: React.FC = () => {
     return (
         <div className="fixed w-full h-full overflow-hidden z-0 animate-fade-left animate-once animate-duration-[2000ms] animate-normal animate-fill-forwards">
             <img
-                src="./gallery_girl.png"
+                src="/gallery_girl.png"
                 className="float-right object-cover h-screen w-full lg:w-5/6 xl:w-3/6 opacity-50 overflow-hidden"
                 alt="Background"
             />