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

12
app/components/Comments/Comments.Add.tsx
View file

@ -1,4 +1,4 @@
import { Button, Modal, ToggleSwitch, Label, Textarea } from "flowbite-react";
import { Button, Label, Modal, ModalBody, ModalHeader, Textarea, ToggleSwitch } from "flowbite-react";
import { CommentsComment } from "./Comments.Comment";
import { useState } from "react";
import { ENDPOINTS } from "#/api/config";
@ -68,12 +68,12 @@ export const CommentsAddModal = (props: {
show={props.isOpen}
onClose={() => props.setIsOpen(false)}
>
<Modal.Header>
<ModalHeader>
<p className="text-lg font-bold text-gray-900 lg:text-2xl dark:text-white">
{props.isReply ? "Ответ на комментарий" : "Оставить комментарий"}
</p>
</Modal.Header>
<Modal.Body>
</ModalHeader>
<ModalBody>
{props.isReply && (
<div className="mb-4">
<CommentsComment
@ -98,7 +98,7 @@ export const CommentsAddModal = (props: {
<form className="flex flex-col gap-4" onSubmit={(e) => _sendComment(e)}>
<div>
<div className="block mb-2 sr-only">
<Label htmlFor="comment" value="Ваш комментарий." />
<Label htmlFor="comment">Ваш комментарий.</Label>
</div>
<Textarea
id="comment"
@ -132,7 +132,7 @@ export const CommentsAddModal = (props: {
</Button>
</div>
</form>
</Modal.Body>
</ModalBody>
</Modal>
);
};

10
app/components/Comments/Comments.Comment.tsx
View file

@ -1,7 +1,7 @@
import { unixToDate, sinceUnixDate } from "#/api/utils";
import { useEffect, useState } from "react";
import { ENDPOINTS } from "#/api/config";
import { Button, Dropdown } from "flowbite-react";
import { Button, Dropdown, DropdownItem } from "flowbite-react";
import Link from "next/link";
import { CommentsAddModal } from "./Comments.Add";
import { CommentsEditModal } from "./Comments.Edit";
@ -183,12 +183,12 @@ export const CommentsComment = (props: {
<span className="w-6 h-6 bg-gray-400 iconify mdi--more-horiz hover:bg-gray-800 active:bg-gray-800"></span>
)}
>
<Dropdown.Item onClick={() => setIsEditCommentsOpen(true)}>
<DropdownItem onClick={() => setIsEditCommentsOpen(true)}>
Редактировать
</Dropdown.Item>
<Dropdown.Item onClick={() => _deleteComment()}>
</DropdownItem>
<DropdownItem onClick={() => _deleteComment()}>
Удалить
</Dropdown.Item>
</DropdownItem>
</Dropdown>
)}
</footer>

12
app/components/Comments/Comments.Edit.tsx
View file

@ -1,4 +1,4 @@
import { Button, Modal, ToggleSwitch, Label, Textarea } from "flowbite-react";
import { Button, Label, Modal, ModalBody, ModalHeader, Textarea, ToggleSwitch } from "flowbite-react";
import { useState } from "react";
import { ENDPOINTS } from "#/api/config";
@ -56,16 +56,16 @@ export const CommentsEditModal = (props: {
show={props.isOpen}
onClose={() => props.setIsOpen(false)}
>
<Modal.Header>
<ModalHeader>
<p className="text-lg font-bold text-gray-900 lg:text-2xl dark:text-white">
Редактировать комментарий
</p>
</Modal.Header>
<Modal.Body>
</ModalHeader>
<ModalBody>
<form className="flex flex-col gap-4" onSubmit={(e) => _sendComment(e)}>
<div>
<div className="block mb-2 sr-only">
<Label htmlFor="comment" value="Редактировать ваш комментарий." />
<Label htmlFor="comment" >Редактировать ваш комментарий.</Label>
</div>
<Textarea
id="comment"
@ -99,7 +99,7 @@ export const CommentsEditModal = (props: {
</Button>
</div>
</form>
</Modal.Body>
</ModalBody>
</Modal>
);
};

6
app/components/Comments/Comments.Main.tsx
View file

@ -1,4 +1,4 @@
import { Card, Button, Modal, Spinner } from "flowbite-react";
import { Button, Card, Modal, ModalHeader, Spinner } from "flowbite-react";
import { CommentsComment } from "./Comments.Comment";
import { useState, useEffect, useCallback } from "react";
import { ENDPOINTS } from "#/api/config";
@ -149,7 +149,7 @@ const CommentsAllModal = (props: {
show={props.isOpen}
onClose={() => props.setIsOpen(false)}
>
<Modal.Header>
<ModalHeader>
<div className="flex flex-col gap-1">
<h2 className="text-lg font-bold text-gray-900 lg:text-2xl dark:text-white">
Все комментарии
@ -158,7 +158,7 @@ const CommentsAllModal = (props: {
всего: {isLoading ? "загрузка..." : data[0].total_count}
</p>
</div>
</Modal.Header>
</ModalHeader>
<div
className="flex flex-col gap-2 p-4 overflow-y-auto"
onScroll={handleScroll}