damien/neroshitron
1
0
Fork 0
mirror of https://github.com/D4M13N-D3V/neroshitron.git synced 2025-03-14 10:05:04 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: first tag

Browse Source
This commit is contained in:
Damien Ostler 2024-06-02 01:37:03 -04:00
parent 54ec36cebc
commit bd334bcbea
2 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/neroshitron/galleries.tsx
View File

@ -41,7 +41,7 @@ const Galleries = ({ nsfw, tags, search, gallerySelected }: TagProps) => {
}, [tagsState]); }, [tagsState]);
return ( 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) => ( {galleries && galleries.map((gallery: any, index) => (
<GalleryThumbnail <GalleryThumbnail

9
components/neroshitron/search_input.tsx
View File

@ -15,8 +15,10 @@ const SearchInput = ({ tagsChanged, searchChanged, nsfwChanged }: SearchInputPro
const [tagSearch, setTagSearch] = useState<string>(''); const [tagSearch, setTagSearch] = useState<string>('');
const [nsfw, setNsfw] = useState<boolean>(false); const [nsfw, setNsfw] = useState<boolean>(false);
const [selectedTags, setSelectedTags] = useState<string[]>([]); const [selectedTags, setSelectedTags] = useState<string[]>(["neroshi"]);
const [selectedTagsInput, setSelectedTagsInput] = useState<Option[]>([]); const [selectedTagsInput, setSelectedTagsInput] = useState<Option[]>([
{ value: "neroshi", label: "neroshi" }
]);
const [selectingTags, setSelectingTags] = useState<boolean>(false); const [selectingTags, setSelectingTags] = useState<boolean>(false);
const tagSelectorRef = React.useRef(null); const tagSelectorRef = React.useRef(null);
const [tags, setTags] = useState<any[]>([]); 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 })); const tagOptions = tags.map((tag: { name: string; }) => ({ value: tag.name, label: tag.name }));
return ( 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="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"> <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...' <Select isMultiple isSearchable isClearable searchInputPlaceholder='Start typing to search tags...'
options={tagOptions} options={tagOptions}
placeholder="Select tags for your search"
onChange={(value: Option | Option[] | null) => { onChange={(value: Option | Option[] | null) => {
if (value === null) { if (value === null) {
setSelectedTags([]); setSelectedTags([]);