From bd334bcbeaaaceb42e31cddfa31d5436998ac340 Mon Sep 17 00:00:00 2001
From: Damien Ostler <damienostler1@outlook.com>
Date: Sun, 2 Jun 2024 01:37:03 -0400
Subject: [PATCH] fix: first tag

---
 components/neroshitron/galleries.tsx    | 2 +-
 components/neroshitron/search_input.tsx | 9 ++++++---
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/components/neroshitron/galleries.tsx b/components/neroshitron/galleries.tsx
index 57e90b9..93f21f5 100644
--- a/components/neroshitron/galleries.tsx
+++ b/components/neroshitron/galleries.tsx
@@ -41,7 +41,7 @@ const Galleries = ({ nsfw, tags, search, gallerySelected }: TagProps) => {
     }, [tagsState]);
 
     return (
-        <div className="absolute inset-0 mx-auto ml-16 md:ml-0 pt-48 p-4 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-y-20 gap-x-4 animate-in overflow-y-scroll no-scrollbar z-0">
+        <div className="absolute inset-0 mx-auto ml-16 md:ml-0 pt-48 p-4 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-y-48 gap-x-4 animate-in overflow-y-scroll no-scrollbar z-0">
 
             {galleries && galleries.map((gallery: any, index) => (
                 <GalleryThumbnail
diff --git a/components/neroshitron/search_input.tsx b/components/neroshitron/search_input.tsx
index d6b493b..e846543 100644
--- a/components/neroshitron/search_input.tsx
+++ b/components/neroshitron/search_input.tsx
@@ -15,8 +15,10 @@ const SearchInput = ({ tagsChanged, searchChanged, nsfwChanged }: SearchInputPro
 
   const [tagSearch, setTagSearch] = useState<string>('');
   const [nsfw, setNsfw] = useState<boolean>(false);
-  const [selectedTags, setSelectedTags] = useState<string[]>([]);
-  const [selectedTagsInput, setSelectedTagsInput] = useState<Option[]>([]);
+  const [selectedTags, setSelectedTags] = useState<string[]>(["neroshi"]);
+  const [selectedTagsInput, setSelectedTagsInput] = useState<Option[]>([
+    { value: "neroshi", label: "neroshi" }
+  ]);
   const [selectingTags, setSelectingTags] = useState<boolean>(false);
   const tagSelectorRef = React.useRef(null);
   const [tags, setTags] = useState<any[]>([]);
@@ -58,7 +60,7 @@ const SearchInput = ({ tagsChanged, searchChanged, nsfwChanged }: SearchInputPro
   const tagOptions = tags.map((tag: { name: string; }) => ({ value: tag.name, label: tag.name }));
   return (
     <>
-      <div className="relative md:w-full lg:w-1/2 mx-auto flex flex-col items-center justify-center z-10">
+      <div className="relative md:w-full lg:w-2/3 mx-auto flex flex-col items-center justify-center z-10">
         <div className="search-box mx-auto my-auto w-full sm:w-full md:w-full lg:w-3/4 xl:w-3/4">
           <div className="flex flex-row">
 
@@ -78,6 +80,7 @@ const SearchInput = ({ tagsChanged, searchChanged, nsfwChanged }: SearchInputPro
                 <>
                   <Select isMultiple isSearchable isClearable searchInputPlaceholder='Start typing to search tags...' 
                     options={tagOptions}
+                    placeholder="Select tags for your search"
                     onChange={(value: Option | Option[] | null) => {
                       if (value === null) {
                         setSelectedTags([]);