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

28
app/components/ChangelogModal/ChangelogModal.tsx
View file

@ -1,6 +1,14 @@
"use client";
import { Modal, Accordion } from "flowbite-react";
import {
Accordion,
AccordionContent,
AccordionPanel,
AccordionTitle,
Modal,
ModalBody,
ModalHeader,
} from "flowbite-react";
import Markdown from "markdown-to-jsx";
import { useEffect, useState } from "react";
import Styles from "./ChangelogModal.module.css";
@ -37,8 +45,8 @@ export const ChangelogModal = (props: {
return (
<Modal show={props.isOpen} onClose={() => props.setIsOpen(false)}>
<Modal.Header>Список изменений v{props.version}</Modal.Header>
<Modal.Body>
<ModalHeader>Список изменений v{props.version}</ModalHeader>
<ModalBody>
<Markdown className={Styles.markdown}>
{currentVersionChangelog}
</Markdown>
@ -46,8 +54,8 @@ export const ChangelogModal = (props: {
{props.previousVersions.length > 0 &&
props.previousVersions.map((version) => {
return (
<Accordion.Panel key={version}>
<Accordion.Title
<AccordionPanel key={version}>
<AccordionTitle
onClickCapture={(e) => {
if (!previousVersionsChangelog.hasOwnProperty(version)) {
_fetchVersionChangelog(version).then((data) => {
@ -62,19 +70,19 @@ export const ChangelogModal = (props: {
}}
>
Список изменений v{version}
</Accordion.Title>
<Accordion.Content>
</AccordionTitle>
<AccordionContent>
{previousVersionsChangelog.hasOwnProperty(version) ?
<Markdown className={Styles.markdown}>
{previousVersionsChangelog[version]}
</Markdown>
: <div>Загрузка ...</div>}
</Accordion.Content>
</Accordion.Panel>
</AccordionContent>
</AccordionPanel>
);
})}
</Accordion>
</Modal.Body>
</ModalBody>
</Modal>
);
};