mirror of
https://github.com/D4M13N-D3V/neroshitron.git
synced 2025-03-14 10:05:04 +00:00
chrore ; update
This commit is contained in:
parent
af0dd625b4
commit
08ce73e64e
@ -23,17 +23,17 @@ function PageComponent() {
|
||||
const [search, setSearch] = useState<string>('');
|
||||
const [galleryColumns, setColumns] = useState<number>(0);
|
||||
const [selectedTags, setSelectedTags] = useState<number[]>([]);
|
||||
const generateRandomString = function (length:number) {
|
||||
const generateRandomString = function (length: number) {
|
||||
let result = '';
|
||||
let characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
|
||||
let charactersLength = characters.length;
|
||||
for ( let i = 0; i < length; i++ ) {
|
||||
for (let i = 0; i < length; i++) {
|
||||
result += characters.charAt(Math.floor(Math.random() * charactersLength));
|
||||
}
|
||||
return result;
|
||||
}
|
||||
}
|
||||
|
||||
const selectGallery = (gallery:string, columns:number) => {
|
||||
const selectGallery = (gallery: string, columns: number) => {
|
||||
setRandomIds([generateRandomString(3), generateRandomString(3), generateRandomString(3), generateRandomString(3)]);
|
||||
setSelectedGallery(gallery);
|
||||
setColumns(columns);
|
||||
@ -48,12 +48,12 @@ function PageComponent() {
|
||||
|
||||
const getData = async () => {
|
||||
let { data: { user } } = await supabase.auth.getUser();
|
||||
const galleriesResponse = await fetch(`/api/galleries?search=`+search+'&nsfw='+showNSFW, {
|
||||
const galleriesResponse = await fetch(`/api/galleries?search=` + search + '&nsfw=' + showNSFW, {
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'Content-Type': 'application/json'
|
||||
},
|
||||
body: JSON.stringify({ tags:selectedTags })
|
||||
body: JSON.stringify({ tags: selectedTags })
|
||||
});
|
||||
//console.log(galleriesResponse)
|
||||
const galleriesData = await galleriesResponse.json();
|
||||
@ -67,7 +67,7 @@ function PageComponent() {
|
||||
useEffect(() => {
|
||||
getData();
|
||||
|
||||
}, [selectedTags,search,showNSFW]);
|
||||
}, [selectedTags, search, showNSFW]);
|
||||
|
||||
const handleTagClick = (tag: number) => {
|
||||
if (selectedTags.includes(tag)) {
|
||||
@ -87,10 +87,20 @@ function PageComponent() {
|
||||
alt="Background"
|
||||
/>
|
||||
</div>
|
||||
|
||||
|
||||
{/*
|
||||
THIS IS THE SEARCH BAR AND TAGS SECTION
|
||||
THIS IS THE SEARCH BAR AND TAGS SECTION
|
||||
THIS IS THE SEARCH BAR AND TAGS SECTION
|
||||
THIS IS THE SEARCH BAR AND TAGS SECTION
|
||||
THIS IS THE SEARCH BAR AND TAGS SECTION
|
||||
THIS IS THE SEARCH BAR AND TAGS SECTION
|
||||
*/}
|
||||
<section className="flex items-center w-full p-8 pt-20 opacity-90 animate-jump-in animate-once animate-duration-500">
|
||||
{(tags.length>0) ? (
|
||||
{(tags.length > 0) ? (
|
||||
<div className="container mx-auto py-8">
|
||||
<div className="relative w-full mx-auto">
|
||||
<div className="relative w-full mx-auto">
|
||||
<input
|
||||
className="w-full text-neroshi-blue-950 h-16 px-3 rounded mb-8 focus:outline-none focus:shadow-outline text-xl px-8 shadow-lg"
|
||||
type="search"
|
||||
@ -107,18 +117,17 @@ function PageComponent() {
|
||||
id="toggleNSFW"
|
||||
type="checkbox"
|
||||
checked={showNSFW}
|
||||
onChange={()=>setShowNSFW(!showNSFW)}
|
||||
onChange={() => setShowNSFW(!showNSFW)}
|
||||
className="form-checkbox h-5 w-5 text-neroshi-blue-950 ml-2 "
|
||||
/>
|
||||
</label>
|
||||
</div>
|
||||
{(tags.length>0) ? (
|
||||
</div>
|
||||
{(tags.length > 0) ? (
|
||||
<nav className="grid grid-cols-4 md:grid-cols-6 lg:grid-cols-8 xl:grid-cols-10 gap-4 justify-items-center">
|
||||
{tags.map((tag, index) => (
|
||||
<a
|
||||
key={index}
|
||||
className={`w-full rounded-lg no-underline text-white py-3 px-4 font-medium text-center animate-jump-in animate-once animate-duration-500 animate-ease-out ${
|
||||
selectedTags.includes(tag.name) ? 'bg-neroshi-blue-950 hover:bg-neroshi-blue-900' : 'bg-neroshi-blue-800 hover:bg-neroshi-blue-700'
|
||||
className={`w-full rounded-lg no-underline text-white py-3 px-4 font-medium text-center animate-jump-in animate-once animate-duration-500 animate-ease-out ${selectedTags.includes(tag.name) ? 'bg-neroshi-blue-950 hover:bg-neroshi-blue-900' : 'bg-neroshi-blue-800 hover:bg-neroshi-blue-700'
|
||||
}`}
|
||||
href="#"
|
||||
onClick={() => handleTagClick(tag.name)}
|
||||
@ -127,21 +136,29 @@ function PageComponent() {
|
||||
</a>
|
||||
))}
|
||||
</nav>
|
||||
):(
|
||||
) : (
|
||||
<div className="flex justify-center">
|
||||
<p className="text-white">Loading Tags...</p>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
):(
|
||||
) : (
|
||||
<div className="animate-pulse bg-neroshi-blue-950 rounded-3xl w-full p-8 mt-10 h-48" ></div>
|
||||
)}
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
{/*
|
||||
These are the thumbnails for the gallery below the search bar
|
||||
*/}
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-y-60 gap-x-5 h-full mb-96 animate-in">
|
||||
{galleries && galleries.map((gallery, index) => (
|
||||
<div className="mx-auto">
|
||||
<GalleryThumbnail
|
||||
key={gallery.name+" "+showNSFW}
|
||||
key={gallery.name + " " + showNSFW}
|
||||
id={gallery.name}
|
||||
title={gallery.name}
|
||||
tags={gallery.tags}
|
||||
@ -156,9 +173,11 @@ function PageComponent() {
|
||||
</div>
|
||||
{isOpen ? (
|
||||
<>
|
||||
{/*
|
||||
This is the modal for holding the gallery
|
||||
*/}
|
||||
<div
|
||||
className={`fixed inset-0 transition-opacity z-30 ${
|
||||
isOpen ? 'animate-in' : 'fade-out'
|
||||
className={`fixed inset-0 transition-opacity z-30 ${isOpen ? 'animate-in' : 'fade-out'
|
||||
}`}
|
||||
aria-hidden="true"
|
||||
>
|
||||
|
||||
@ -41,7 +41,7 @@ const GalleryThumbnail = ({ id, columns, onSelect, title,showNsfw, nsfw, subscri
|
||||
}, [galleryId]);
|
||||
|
||||
return (
|
||||
<div className="py-3 sm:max-w-xl sm:mx-auto flex-3 animate-in">
|
||||
<div className="py-3 sm:max-w-xl sm:mx-auto flex-3 animate-jump-in animate-once animate-duration-500 animate-ease-out">
|
||||
<div className="h-48 overflow-visible w-full relative hover:scale-95 rounded-3xl">
|
||||
{!isLoading ? (
|
||||
<>
|
||||
@ -57,32 +57,32 @@ const GalleryThumbnail = ({ id, columns, onSelect, title,showNsfw, nsfw, subscri
|
||||
<div className="text-white flex justify-between">
|
||||
<div>
|
||||
<div className="flex">
|
||||
<h3 className="animate-jump-in animate-once animate-duration-500 animate-ease-out pr-4 text-lg font-bold break-words" style={{ lineHeight: '2rem', textShadow: '0 0 2px black' }}>{title}</h3>
|
||||
<h3 className=" pr-4 text-lg font-bold break-words" style={{ lineHeight: '2rem', textShadow: '0 0 2px black' }}>{title}</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="text-white flex justify-between">
|
||||
<div className="flex items-center">
|
||||
<span className="bg-neroshi-blue-900 animate-jump-in animate-once animate-duration-500 animate-ease-out text-white mr-2 px-2 py-1 rounded-md text-sm flex items-center h-full">
|
||||
<span className="bg-neroshi-blue-900 text-white mr-2 px-2 py-1 rounded-md text-sm flex items-center h-full">
|
||||
<span className="text-center">{imageCount}</span>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" strokeWidth="1.5" stroke="currentColor" className="pl-2 size-6">
|
||||
<path strokeLinecap="round" strokeLinejoin="round" d="m2.25 15.75 5.159-5.159a2.25 2.25 0 0 1 3.182 0l5.159 5.159m-1.5-1.5 1.409-1.409a2.25 2.25 0 0 1 3.182 0l2.909 2.909m-18 3.75h16.5a1.5 1.5 0 0 0 1.5-1.5V6a1.5 1.5 0 0 0-1.5-1.5H3.75A1.5 1.5 0 0 0 2.25 6v12a1.5 1.5 0 0 0 1.5 1.5Zm10.5-11.25h.008v.008h-.008V8.25Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z" />
|
||||
</svg>
|
||||
</span>
|
||||
{nsfwState && (
|
||||
<span className="animate-jump-in animate-once animate-duration-500 animate-ease-out bg-red-900 text-white px-2 py-1 mr-2 rounded-md text-sm h-full flex items-center">NSFW</span>
|
||||
<span className=" bg-red-900 text-white px-2 py-1 mr-2 rounded-md text-sm h-full flex items-center">NSFW</span>
|
||||
)}
|
||||
{subscription === "Free" && (
|
||||
<span className="animate-jump-in animate-once animate-duration-500 animate-ease-out bg-gray-900 text-white px-2 py-1 rounded-md text-sm h-full flex items-center">Free</span>
|
||||
<span className=" bg-gray-900 text-white px-2 py-1 rounded-md text-sm h-full flex items-center">Free</span>
|
||||
)}
|
||||
{subscription === "Tier 1" && (
|
||||
<span className="animate-jump-in animate-once animate-duration-500 animate-ease-out bg-purple-600 text-white px-2 py-1 rounded-md text-sm h-full flex items-center">Tier 1</span>
|
||||
<span className=" bg-purple-600 text-white px-2 py-1 rounded-md text-sm h-full flex items-center">Tier 1</span>
|
||||
)}
|
||||
{subscription === "Tier 2" && (
|
||||
<span className="animate-jump-in animate-once animate-duration-500 animate-ease-out bg-pink-700 text-white px-2 py-1 rounded-md text-sm h-full flex items-center">Tier 2</span>
|
||||
<span className=" bg-pink-700 text-white px-2 py-1 rounded-md text-sm h-full flex items-center">Tier 2</span>
|
||||
)}
|
||||
{subscription === "Tier 3" && (
|
||||
<span className="animate-jump-in animate-once animate-duration-500 animate-ease-out bg-fuchsia-500 text-white px-2 py-1 rounded-md text-sm h-full flex items-center">Tier 3</span>
|
||||
<span className=" bg-fuchsia-500 text-white px-2 py-1 rounded-md text-sm h-full flex items-center">Tier 3</span>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
@ -92,7 +92,7 @@ const GalleryThumbnail = ({ id, columns, onSelect, title,showNsfw, nsfw, subscri
|
||||
{tagsState.map((tag, index) => (
|
||||
<span
|
||||
key={index}
|
||||
className={`animate-jump-in animate-once animate-duration-500 animate-delay-[${4+(index)}000ms] animate-ease-out pr-4 text-sm font-bold break-words"
|
||||
className={`pr-4 text-sm font-bold break-words"
|
||||
style={{ lineHeight: '2rem', textShadow: '0 0 2px black' }`}
|
||||
>
|
||||
{tag}
|
||||
|
||||
@ -41,7 +41,9 @@ INSERT INTO "auth"."audit_log_entries" ("instance_id", "id", "payload", "created
|
||||
('00000000-0000-0000-0000-000000000000', '6f4bb32b-4690-4640-98ac-feb06384ef62', '{"action":"token_refreshed","actor_id":"893c7701-d5df-4415-80bd-1ec089764400","actor_username":"damienostler1@outlook.com","actor_via_sso":false,"log_type":"token"}', '2024-05-27 20:13:20.140291+00', ''),
|
||||
('00000000-0000-0000-0000-000000000000', 'e6e8d515-e14c-48ff-8c4d-27cea84d33f3', '{"action":"token_revoked","actor_id":"893c7701-d5df-4415-80bd-1ec089764400","actor_username":"damienostler1@outlook.com","actor_via_sso":false,"log_type":"token"}', '2024-05-27 20:13:20.140793+00', ''),
|
||||
('00000000-0000-0000-0000-000000000000', 'e878d51d-2524-4796-9288-88bcf8d1982b', '{"action":"token_refreshed","actor_id":"893c7701-d5df-4415-80bd-1ec089764400","actor_username":"damienostler1@outlook.com","actor_via_sso":false,"log_type":"token"}', '2024-05-27 21:11:27.314657+00', ''),
|
||||
('00000000-0000-0000-0000-000000000000', '0d3f4871-8215-4ae7-920b-c261ba7eaf11', '{"action":"token_revoked","actor_id":"893c7701-d5df-4415-80bd-1ec089764400","actor_username":"damienostler1@outlook.com","actor_via_sso":false,"log_type":"token"}', '2024-05-27 21:11:27.315598+00', '');
|
||||
('00000000-0000-0000-0000-000000000000', '0d3f4871-8215-4ae7-920b-c261ba7eaf11', '{"action":"token_revoked","actor_id":"893c7701-d5df-4415-80bd-1ec089764400","actor_username":"damienostler1@outlook.com","actor_via_sso":false,"log_type":"token"}', '2024-05-27 21:11:27.315598+00', ''),
|
||||
('00000000-0000-0000-0000-000000000000', 'f70081c9-673b-4e8e-84c6-574d4a6fc095', '{"action":"token_refreshed","actor_id":"893c7701-d5df-4415-80bd-1ec089764400","actor_username":"damienostler1@outlook.com","actor_via_sso":false,"log_type":"token"}', '2024-05-28 00:06:54.425581+00', ''),
|
||||
('00000000-0000-0000-0000-000000000000', 'ff4e9892-902a-4e6f-9493-976acd87e5ad', '{"action":"token_revoked","actor_id":"893c7701-d5df-4415-80bd-1ec089764400","actor_username":"damienostler1@outlook.com","actor_via_sso":false,"log_type":"token"}', '2024-05-28 00:06:54.426626+00', '');
|
||||
|
||||
|
||||
--
|
||||
@ -56,7 +58,7 @@ INSERT INTO "auth"."audit_log_entries" ("instance_id", "id", "payload", "created
|
||||
|
||||
INSERT INTO "auth"."users" ("instance_id", "id", "aud", "role", "email", "encrypted_password", "email_confirmed_at", "invited_at", "confirmation_token", "confirmation_sent_at", "recovery_token", "recovery_sent_at", "email_change_token_new", "email_change", "email_change_sent_at", "last_sign_in_at", "raw_app_meta_data", "raw_user_meta_data", "is_super_admin", "created_at", "updated_at", "phone", "phone_confirmed_at", "phone_change", "phone_change_token", "phone_change_sent_at", "email_change_token_current", "email_change_confirm_status", "banned_until", "reauthentication_token", "reauthentication_sent_at", "is_sso_user", "deleted_at", "is_anonymous") VALUES
|
||||
('00000000-0000-0000-0000-000000000000', 'e11e6fda-d1fc-4b0a-bd61-80233fcb5cdd', 'authenticated', 'authenticated', 'damienostler1@gmail.com', '', NULL, '2024-05-27 15:44:27.171961+00', 'dd81fbfd6a7ad5d261d7f98fb37620afb3f954f350dacd2cac9f4b56', '2024-05-27 15:44:27.171961+00', '', NULL, '', '', NULL, NULL, '{"provider": "email", "providers": ["email"]}', '{}', NULL, '2024-05-27 15:44:27.167772+00', '2024-05-27 15:44:27.174941+00', NULL, NULL, '', '', NULL, '', 0, NULL, '', NULL, false, NULL, false),
|
||||
('00000000-0000-0000-0000-000000000000', '893c7701-d5df-4415-80bd-1ec089764400', 'authenticated', 'authenticated', 'damienostler1@outlook.com', '$2a$10$ISYdoWsKL7gxfRz7c5IKDOTsmcjNpGgg9OOApYLMOvtOoNTo4HGM6', '2024-05-27 14:10:29.639017+00', NULL, '', NULL, '', NULL, '', '', NULL, '2024-05-27 17:18:49.039562+00', '{"provider": "email", "providers": ["email"]}', '{"sub": "893c7701-d5df-4415-80bd-1ec089764400", "email": "damienostler1@outlook.com", "email_verified": false, "phone_verified": false}', NULL, '2024-05-27 14:10:29.634157+00', '2024-05-27 21:11:27.317835+00', NULL, NULL, '', '', NULL, '', 0, NULL, '', NULL, false, NULL, false);
|
||||
('00000000-0000-0000-0000-000000000000', '893c7701-d5df-4415-80bd-1ec089764400', 'authenticated', 'authenticated', 'damienostler1@outlook.com', '$2a$10$ISYdoWsKL7gxfRz7c5IKDOTsmcjNpGgg9OOApYLMOvtOoNTo4HGM6', '2024-05-27 14:10:29.639017+00', NULL, '', NULL, '', NULL, '', '', NULL, '2024-05-27 17:18:49.039562+00', '{"provider": "email", "providers": ["email"]}', '{"sub": "893c7701-d5df-4415-80bd-1ec089764400", "email": "damienostler1@outlook.com", "email_verified": false, "phone_verified": false}', NULL, '2024-05-27 14:10:29.634157+00', '2024-05-28 00:06:54.428256+00', NULL, NULL, '', '', NULL, '', 0, NULL, '', NULL, false, NULL, false);
|
||||
|
||||
|
||||
--
|
||||
@ -79,7 +81,7 @@ INSERT INTO "auth"."identities" ("provider_id", "user_id", "identity_data", "pro
|
||||
--
|
||||
|
||||
INSERT INTO "auth"."sessions" ("id", "user_id", "created_at", "updated_at", "factor_id", "aal", "not_after", "refreshed_at", "user_agent", "ip", "tag") VALUES
|
||||
('ab123eaa-eab2-4fac-a018-82ee972401fd', '893c7701-d5df-4415-80bd-1ec089764400', '2024-05-27 17:18:49.039625+00', '2024-05-27 21:11:27.319339+00', NULL, 'aal1', NULL, '2024-05-27 21:11:27.319282', 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/125.0.0.0 Safari/537.36', '192.168.65.1', NULL);
|
||||
('ab123eaa-eab2-4fac-a018-82ee972401fd', '893c7701-d5df-4415-80bd-1ec089764400', '2024-05-27 17:18:49.039625+00', '2024-05-28 00:06:54.429202+00', NULL, 'aal1', NULL, '2024-05-28 00:06:54.429127', 'Next.js Middleware', '192.168.65.1', NULL);
|
||||
|
||||
|
||||
--
|
||||
@ -111,7 +113,8 @@ INSERT INTO "auth"."refresh_tokens" ("instance_id", "id", "token", "user_id", "r
|
||||
('00000000-0000-0000-0000-000000000000', 6, 'd1l7CJUy3osp97yqDTyibw', '893c7701-d5df-4415-80bd-1ec089764400', true, '2024-05-27 18:17:16.201648+00', '2024-05-27 19:15:16.232194+00', 'vG2zuPl4y7OvEwgeItgotw', 'ab123eaa-eab2-4fac-a018-82ee972401fd'),
|
||||
('00000000-0000-0000-0000-000000000000', 7, 'jrCD6NCqj5WFyjkiWG6BTw', '893c7701-d5df-4415-80bd-1ec089764400', true, '2024-05-27 19:15:16.232976+00', '2024-05-27 20:13:20.141029+00', 'd1l7CJUy3osp97yqDTyibw', 'ab123eaa-eab2-4fac-a018-82ee972401fd'),
|
||||
('00000000-0000-0000-0000-000000000000', 8, 'zFVkt2ATfYlYT0nzRKmX0A', '893c7701-d5df-4415-80bd-1ec089764400', true, '2024-05-27 20:13:20.141361+00', '2024-05-27 21:11:27.316138+00', 'jrCD6NCqj5WFyjkiWG6BTw', 'ab123eaa-eab2-4fac-a018-82ee972401fd'),
|
||||
('00000000-0000-0000-0000-000000000000', 9, 'OWwpxx1Pg11r5r4c2ZUhaw', '893c7701-d5df-4415-80bd-1ec089764400', false, '2024-05-27 21:11:27.316818+00', '2024-05-27 21:11:27.316818+00', 'zFVkt2ATfYlYT0nzRKmX0A', 'ab123eaa-eab2-4fac-a018-82ee972401fd');
|
||||
('00000000-0000-0000-0000-000000000000', 9, 'OWwpxx1Pg11r5r4c2ZUhaw', '893c7701-d5df-4415-80bd-1ec089764400', true, '2024-05-27 21:11:27.316818+00', '2024-05-28 00:06:54.426908+00', 'zFVkt2ATfYlYT0nzRKmX0A', 'ab123eaa-eab2-4fac-a018-82ee972401fd'),
|
||||
('00000000-0000-0000-0000-000000000000', 10, 'a7ykvMnMcqG4qFeQK6WX5g', '893c7701-d5df-4415-80bd-1ec089764400', false, '2024-05-28 00:06:54.427389+00', '2024-05-28 00:06:54.427389+00', 'OWwpxx1Pg11r5r4c2ZUhaw', 'ab123eaa-eab2-4fac-a018-82ee972401fd');
|
||||
|
||||
|
||||
--
|
||||
@ -264,7 +267,7 @@ INSERT INTO "storage"."objects" ("id", "bucket_id", "name", "owner", "created_at
|
||||
-- Name: refresh_tokens_id_seq; Type: SEQUENCE SET; Schema: auth; Owner: supabase_auth_admin
|
||||
--
|
||||
|
||||
SELECT pg_catalog.setval('"auth"."refresh_tokens_id_seq"', 9, true);
|
||||
SELECT pg_catalog.setval('"auth"."refresh_tokens_id_seq"', 10, true);
|
||||
|
||||
|
||||
--
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user