Radiquum/AniX
1
0
Fork 0
mirror of https://github.com/Radiquum/AniX.git synced 2025-09-06 06:23:53 +05:00
Code Issues Projects Releases Packages Activity

anix/feat: add popular modal to discovery

Browse source
This commit is contained in:
Kentai Radiquum 2025-08-27 22:25:02 +05:00
parent 28b7ea2d6c
commit e067336605
Signed by: Radiquum
GPG key ID: 858E8EE696525EED
4 changed files with 128 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

12
app/pages/Discover.tsx
View file

@ -2,16 +2,24 @@
import { CollectionsOfTheWeek } from "#/components/Discovery/CollectionsOfTheWeek";
import { DiscussingToday } from "#/components/Discovery/DiscussingToday";
import { InterestingCarousel } from "#/components/Discovery/InterestingCarousel";
import { PopularModal } from "#/components/Discovery/Modal/PopularModal";
import { RecommendedCarousel } from "#/components/Discovery/RecommendedCarousel";
import { WatchingNowCarousel } from "#/components/Discovery/WatchingNowCarousel";
import { Button } from "flowbite-react";
import { useState } from "react";
export const DiscoverPage = () => {
const [PopularModalOpen, setPopularModalOpen] = useState(false);
return (
<>
<InterestingCarousel />
<div className="grid grid-cols-2 gap-4 my-4 lg:grid-cols-4">
<Button size="xl" color="yellow">
<Button
size="xl"
color="yellow"
onClick={() => setPopularModalOpen(true)}
>
<span className="flex-shrink-0 inline-block w-8 h-8 mr-2 iconify mdi--fire"></span>
<span>Популярное</span>
</Button>
@ -32,6 +40,8 @@ export const DiscoverPage = () => {
<DiscussingToday />
<WatchingNowCarousel />
<CollectionsOfTheWeek />
<PopularModal isOpen={PopularModalOpen} setIsOpen={setPopularModalOpen} />
</>
);
};