Radiquum/AniX
1
0
Fork 0
mirror of https://github.com/Radiquum/AniX.git synced 2025-05-01 02:19:41 +05:00
Code Issues Projects Releases Packages Wiki Activity Actions

refactor: older changelogs fetching

Browse source
This commit is contained in:
Kentai Radiquum 2025-03-22 22:51:07 +05:00
parent f94b551cdf
commit 11a52e98b5
Signed by: Radiquum
GPG key ID: 858E8EE696525EED
2 changed files with 36 additions and 26 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -4,6 +4,7 @@ import { Modal, Accordion } from "flowbite-react";
import Markdown from "markdown-to-jsx";
import { useEffect, useState } from "react";
import Styles from "./ChangelogModal.module.css";
import { tryCatch } from "#/api/utils";
export const ChangelogModal = (props: {
isOpen: boolean;
@ -17,29 +18,20 @@ export const ChangelogModal = (props: {
>({});
async function _fetchVersionChangelog(version: string) {
const res = await fetch(`/changelog/${version}.md`);
return await res.text();
const { data, error } = await tryCatch(fetch(`/changelog/${version}.md`));
if (error) {
return "Нет списка изменений";
}
return await data.text();
}
useEffect(() => {
if (props.version != "" && currentVersionChangelog == "") {
setCurrentVersionChangelog("Загрузка ...");
_fetchVersionChangelog(props.version).then((data) => {
setCurrentVersionChangelog(data);
});
}
if (props.previousVersions.length > 0) {
props.previousVersions.forEach((version) => {
_fetchVersionChangelog(version).then((data) => {
setPreviousVersionsChangelog((prev) => {
return {
...prev,
[version]: data,
};
});
});
});
}
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [props.version]);
@ -50,20 +42,38 @@ export const ChangelogModal = (props: {
<Markdown className={Styles.markdown}>
{currentVersionChangelog}
</Markdown>
{Object.keys(previousVersionsChangelog).length == props.previousVersions.length && (
<Accordion collapseAll={true} className="mt-4">
{props.previousVersions.map(
(version) => (
<Accordion collapseAll={true} className="mt-4">
{props.previousVersions.length > 0 &&
props.previousVersions.map((version) => {
return (
<Accordion.Panel key={version}>
<Accordion.Title>Список изменений v{version}</Accordion.Title>
<Accordion.Title
onClickCapture={(e) => {
if (!previousVersionsChangelog.hasOwnProperty(version)) {
_fetchVersionChangelog(version).then((data) => {
setPreviousVersionsChangelog((prev) => {
return {
...prev,
[version]: data,
};
});
});
}
}}
>
Список изменений v{version}
</Accordion.Title>
<Accordion.Content>
<Markdown className={Styles.markdown}>{previousVersionsChangelog[version]}</Markdown>
{previousVersionsChangelog.hasOwnProperty(version) ?
<Markdown className={Styles.markdown}>
{previousVersionsChangelog[version]}
</Markdown>
: <div>Загрузка ...</div>}
</Accordion.Content>
</Accordion.Panel>
)
)}
</Accordion>
)}
);
})}
</Accordion>
</Modal.Body>
</Modal>
);