"use client"; import { createClient } from "@/utils/supabase/client"; import React, { useState, useEffect } from 'react'; import Search from "@/components/neroshitron/search"; import Gallery from "@/components/neroshitron/gallery"; import Masonry from "react-masonry-css"; import SearchInput from "@/components/neroshitron/search_input"; function PageComponent() { const supabase = createClient(); const user = supabase.auth.getUser(); const [galleries, setGalleries] = useState([]); const [nsfwState, setNsfwState] = useState(false); const [tagsState, setTagsState] = useState([]); const [searchState, setSearchState] = useState(""); const getData = async () => { const galleriesResponse = await fetch(`/api/galleries?search=` + searchState + '&nsfw=' + nsfwState, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ tags: tagsState }) }); const galleriesData = await galleriesResponse.json(); setGalleries(galleriesData); } useEffect(() => { getData(); }, [tagsState]); const data = [ { id: 1, name: "Item 1", imageCount: 5, tier: "Tier 1" }, { id: 2, name: "Item 2", imageCount: 10, tier: "Tier 2" }, { id: 3, name: "Item 3", imageCount: 8, tier: "Tier 1" }, ]; return (
{ setSearchState(search) }} nsfwChanged={(nsfw) => { setNsfwState(nsfw) }} tagsChanged={(tags) => { setTagsState(tags) }} /> Create
{/* Replace this with your data mapping logic */} {galleries.map((item: { name: string, imageCount: number, tier: string }) => ( ))}
Name 📸 # Tier
{item.name} {item.imageCount} {item.tier.replace("Tier","")} View
); } export default PageComponent;