From 894fb58c2997573f13507f7559e25785b91824b7 Mon Sep 17 00:00:00 2001
From: Damien Ostler <damienostler1@outlook.com>
Date: Sun, 2 Jun 2024 03:51:53 -0400
Subject: [PATCH] fix: create page

---
 app/gallery/admin/create/page.tsx       | 3 +++
 app/gallery/admin/page.tsx              | 3 +++
 app/gallery/admin/view/page.tsx         | 5 ++++-
 components/neroshitron/search.tsx       | 5 ++++-
 components/neroshitron/search_input.tsx | 8 +++-----
 5 files changed, 17 insertions(+), 7 deletions(-)

diff --git a/app/gallery/admin/create/page.tsx b/app/gallery/admin/create/page.tsx
index e0ae082..35f876d 100644
--- a/app/gallery/admin/create/page.tsx
+++ b/app/gallery/admin/create/page.tsx
@@ -60,6 +60,9 @@ function PageComponent() {
                     <div className="w-full flex">
                     <div className="w-1/2 mr-2">
                         <SearchInput
+                            placeholderTags={[
+                                { value: "tags", label: "❗️ click here to add tags" },
+                            ]}
                             nsfwButtonEnabled={false}
                             searchChanged={(search) => {}}
                             nsfwChanged={(nsfw) => {}}
diff --git a/app/gallery/admin/page.tsx b/app/gallery/admin/page.tsx
index 9b9ab32..c9a9f46 100644
--- a/app/gallery/admin/page.tsx
+++ b/app/gallery/admin/page.tsx
@@ -60,6 +60,9 @@ function PageComponent() {
                     <div className="w-full flex">
                     <div className="w-1/2">
                         <SearchInput
+                            placeholderTags={[
+                                { value: "tags", label: "❗️ click here to add tags" },
+                            ]}
                             nsfwButtonEnabled={false}
                             searchChanged={(search) => {}}
                             nsfwChanged={(nsfw) => {}}
diff --git a/app/gallery/admin/view/page.tsx b/app/gallery/admin/view/page.tsx
index f37b398..c9a9f46 100644
--- a/app/gallery/admin/view/page.tsx
+++ b/app/gallery/admin/view/page.tsx
@@ -58,8 +58,11 @@ function PageComponent() {
                     </div>
                     </div>
                     <div className="w-full flex">
-                    <div className="w-1/2 pr-1">
+                    <div className="w-1/2">
                         <SearchInput
+                            placeholderTags={[
+                                { value: "tags", label: "❗️ click here to add tags" },
+                            ]}
                             nsfwButtonEnabled={false}
                             searchChanged={(search) => {}}
                             nsfwChanged={(nsfw) => {}}
diff --git a/components/neroshitron/search.tsx b/components/neroshitron/search.tsx
index 8bdadc3..846c245 100644
--- a/components/neroshitron/search.tsx
+++ b/components/neroshitron/search.tsx
@@ -44,7 +44,10 @@ const Search = ({ gallerySelected }: SearchProps) => {
       <Galleries gallerySelected={(gallery: string) => { setGallery(gallery) }} key={search + "-" + tags.length + "-" + nsfw} search={search} nsfw={nsfw} tags={tags} />
       <section className="fixed flex items-center w-full p-8 pt-20 opacity-90 animate-in animate-once animate-duration-500">
         <div className="container mx-auto py-8">
-          <SearchInput nsfwButtonDisabled={true} searchChanged={(search) => { setSearch(search) }} nsfwChanged={(nsfw) => { setNsfw(nsfw) }} tagsChanged={(tags) => { setTags(tags); }} />
+          <SearchInput placeholderTags={[
+    { value: "neroshi", label: "🧑‍🎨 neroshi" },
+    { value: "neroshi", label: "❗️ click here for tags!" },
+  ]} nsfwButtonEnabled={true} searchChanged={(search) => { setSearch(search) }} nsfwChanged={(nsfw) => { setNsfw(nsfw) }} tagsChanged={(tags) => { setTags(tags); }} />
         </div>
       </section>
     </>
diff --git a/components/neroshitron/search_input.tsx b/components/neroshitron/search_input.tsx
index cb63fc1..2718e9d 100644
--- a/components/neroshitron/search_input.tsx
+++ b/components/neroshitron/search_input.tsx
@@ -10,17 +10,15 @@ interface SearchInputProps {
   searchChanged: (search: string) => void;
   nsfwChanged: (nsfw: boolean) => void;
   nsfwButtonEnabled: boolean | null;
+  placeholderTags: Option[];
 }
 
-const SearchInput = ({ tagsChanged, searchChanged, nsfwChanged, nsfwButtonEnabled }: SearchInputProps) => {
+const SearchInput = ({ tagsChanged, searchChanged, nsfwChanged, nsfwButtonEnabled, placeholderTags }: SearchInputProps) => {
 
   const [tagSearch, setTagSearch] = useState<string>('');
   const [nsfw, setNsfw] = useState<boolean>(false);
   const [selectedTags, setSelectedTags] = useState<string[]>([]);
-  const [selectedTagsInput, setSelectedTagsInput] = useState<Option[]>([
-    { value: "neroshi", label: "🧑‍🎨 neroshi" },
-    { value: "neroshi", label: "❗️ click here for tags!" },
-  ]);
+  const [selectedTagsInput, setSelectedTagsInput] = useState<Option[]>(placeholderTags);
   const [selectingTags, setSelectingTags] = useState<boolean>(false);
   const tagSelectorRef = React.useRef(null);
   const [tags, setTags] = useState<any[]>([]);