Radiquum/AniX
1
0
Fork 0
mirror of https://github.com/Radiquum/AniX.git synced 2025-04-30 18:09:40 +05:00
Code Issues Projects Releases Packages Wiki Activity Actions

chore: migrate to new flowbite-react

Browse source
This commit is contained in:
Kentai Radiquum 2025-04-04 00:29:19 +05:00
parent 8daab3b3c1
commit 329448c9fc
Signed by: Radiquum
GPG key ID: 858E8EE696525EED
32 changed files with 650 additions and 344 deletions
Download patch file Download diff file Expand all files Collapse all files

24
app/pages/Search.tsx
View file

@ -8,7 +8,7 @@ import { useScrollPosition } from "#/hooks/useScrollPosition";
import { useRouter } from "next/navigation";
import { useSearchParams } from "next/navigation";
import { useUserStore } from "../store/auth";
import { Button, Dropdown, Modal } from "flowbite-react";
import { Button, Dropdown, DropdownItem, Modal, ModalBody, ModalFooter, ModalHeader } from "flowbite-react";
import { CollectionsSection } from "#/components/CollectionsSection/CollectionsSection";
import { UserSection } from "#/components/UserSection/UserSection";
import { useSWRfetcher } from "#/api/utils";
@ -360,8 +360,8 @@ const FiltersModal = (props: {
return (
<Modal show={props.isOpen} onClose={() => _cancel()}>
<Modal.Header>Фильтры</Modal.Header>
<Modal.Body>
<ModalHeader>Фильтры</ModalHeader>
<ModalBody>
<div className="my-4">
<div className="flex items-center justify-between">
<p className="font-bold dark:text-white">Искать в</p>
@ -376,12 +376,12 @@ const FiltersModal = (props: {
return <></>;
} else {
return (
<Dropdown.Item
<DropdownItem
onClick={() => setWhere(item)}
key={`where--${item}`}
>
{WhereMapping[item]}
</Dropdown.Item>
</DropdownItem>
);
}
})}
@ -395,12 +395,12 @@ const FiltersModal = (props: {
<Dropdown label={ListsMapping[list].name} color="blue">
{Object.keys(ListsMapping).map((item) => {
return (
<Dropdown.Item
<DropdownItem
onClick={() => setList(item)}
key={`list--${item}`}
>
{ListsMapping[item].name}
</Dropdown.Item>
</DropdownItem>
);
})}
</Dropdown>
@ -414,20 +414,20 @@ const FiltersModal = (props: {
<Dropdown label={TagMapping[searchBy].name} color="blue">
{Object.keys(TagMapping).map((item) => {
return (
<Dropdown.Item
<DropdownItem
onClick={() => setSearchBy(item)}
key={`tag--${item}`}
>
{TagMapping[item].name}
</Dropdown.Item>
</DropdownItem>
);
})}
</Dropdown>
</div>
</div>
: ""}
</Modal.Body>
<Modal.Footer>
</ModalBody>
<ModalFooter>
<div className="flex justify-end w-full gap-2">
<Button color="red" onClick={() => _cancel()}>
Отменить
@ -436,7 +436,7 @@ const FiltersModal = (props: {
Применить
</Button>
</div>
</Modal.Footer>
</ModalFooter>
</Modal>
);
};