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

Browse Source
This commit is contained in:
Damien Ostler 2024-06-02 04:56:09 -04:00
parent fa6bf10249
commit e4dde90da4
2 changed files with 3 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
app/gallery/admin/view/page.tsx
View File

@ -8,46 +8,15 @@ import SearchInput from "@/components/neroshitron/search_input";
import GalleryThumbnail from "@/components/neroshitron/gallery_thumbnail"; import GalleryThumbnail from "@/components/neroshitron/gallery_thumbnail";
function PageComponent() { function PageComponent() {
const [selectedGallery, setSelectedGallery] = useState<string | null>("Test Gallery");
const [filePreviews, setFilePreviews] = useState<string[]>([]); const [filePreviews, setFilePreviews] = useState<string[]>([]);
const supabase = createClient(); const supabase = createClient();
const user = supabase.auth.getUser(); const user = supabase.auth.getUser();
const getData = async () => {
}
useEffect(() => {
getData();
}, [selectedGallery]);
const closeGallery = () => {
setSelectedGallery(null);
}
const handleFileChange = (event: React.ChangeEvent<HTMLInputElement>) => {
const files = event.target.files;
if (files) {
const previews: string[] = [];
for (let i = 0; i < files.length; i++) {
const file = files[i];
const reader = new FileReader();
reader.onload = (e) => {
if (e.target && e.target.result) {
previews.push(e.target.result.toString());
if (previews.length === files.length) {
setFilePreviews(previews);
}
}
};
reader.readAsDataURL(file);
}
}
};
return ( return (
<div className="w-full text-white flex justify-center items-center animate-in"> <div className="w-full text-white flex justify-center items-center animate-in">
<div className="w-1/2 rounded-md bg-primary p-12 mt-32"> <div className="w-1/2 rounded-md bg-primary p-12 mt-32">
<div className="w-full flex pb-48"> <div className="w-full flex pb-48">
<GalleryThumbnail id={encodeURIComponent(selectedGallery as string)} columns={3} onSelect={function (id: string, columns: number): void { <GalleryThumbnail id={"Test Gallery"} columns={3} onSelect={function (id: string, columns: number): void {
} } title={""} subscription={""} tags={[]} showNsfw={false} nsfw={false} ></GalleryThumbnail> } } title={""} subscription={""} tags={[]} showNsfw={false} nsfw={false} ></GalleryThumbnail>
</div> </div>
<div className="w-full flex"> <div className="w-full flex">

4
components/neroshitron/gallery_thumbnail.tsx
View File

@ -27,9 +27,9 @@ const GalleryThumbnail = ({ id, columns, onSelect, title, showNsfw, nsfw, subscr
const getData = async () => { const getData = async () => {
setIsLoading(true); setIsLoading(true);
const thumbnailResponse = await fetch('/api/galleries/' + title + '/thumbnail?nsfw=' + showNsfwState); const thumbnailResponse = await fetch('/api/galleries/' + id + '/thumbnail?nsfw=' + showNsfwState);
const thumbnailUrl = await thumbnailResponse.text(); const thumbnailUrl = await thumbnailResponse.text();
const imagesCountResponse = await fetch('/api/galleries/' + title + '/images/count'); const imagesCountResponse = await fetch('/api/galleries/' + id + '/images/count');
const imageCount = await imagesCountResponse.json() as number; const imageCount = await imagesCountResponse.json() as number;
setImageCount(imageCount); setImageCount(imageCount);
setThumbnailUrl(thumbnailUrl); setThumbnailUrl(thumbnailUrl);