dominik/homepage-plus
1
0
Fork 0
mirror of https://github.com/DI0IK/homepage-plus.git synced 2025-07-16 09:49:49 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Refactor: update RomM widget (#3886)

Browse source 
---------

Co-authored-by: shamoon <4887959+shamoon@users.noreply.github.com>
This commit is contained in:
InsertDisc 2024-08-23 22:28:37 -04:00 • committed by GitHub
parent f2a49eaa25
commit 132b8c32e5
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
4 changed files with 38 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

43
src/widgets/romm/component.jsx
View file

@ -4,31 +4,46 @@ import Container from "components/services/widget/container";
import Block from "components/services/widget/block";
import useWidgetAPI from "utils/proxy/use-widget-api";
const ROMM_DEFAULT_FIELDS = ["platforms", "totalRoms", "saves", "states"];
const MAX_ALLOWED_FIELDS = 4;
export default function Component({ service }) {
const { widget } = service;
const { t } = useTranslation();
const { data: response, error: responseError } = useWidgetAPI(widget, "statistics");
if (responseError) {
return (
<Container service={service}>
<Block label="Error" value={responseError.message} />
</Container>
);
}
if (responseError) {
return <Container service={service} error={responseError} />;
}
if (response) {
const platforms = response.filter((x) => x.rom_count !== 0).length;
const totalRoms = response.reduce((total, stat) => total + stat.rom_count, 0);
if (!widget.fields?.length > 0) {
widget.fields = ROMM_DEFAULT_FIELDS;
} else if (widget.fields.length > MAX_ALLOWED_FIELDS) {
widget.fields = widget.fields.slice(0, MAX_ALLOWED_FIELDS);
}
if (!response) {
return (
<Container service={service}>
<Block label="romm.platforms" value={t("common.number", { value: platforms })} />
<Block label="romm.totalRoms" value={t("common.number", { value: totalRoms })} />
<Block label="romm.platforms" />
<Block label="romm.totalRoms" />
<Block label="romm.saves" />
<Block label="romm.states" />
<Block label="romm.screenshots" />
<Block label="romm.totalfilesize" />
</Container>
);
}
if (response) {
return (
<Container service={service}>
<Block label="romm.platforms" value={t("common.number", { value: response.PLATFORMS })} />
<Block label="romm.totalRoms" value={t("common.number", { value: response.ROMS })} />
<Block label="romm.saves" value={t("common.number", { value: response.SAVES })} />
<Block label="romm.states" value={t("common.number", { value: response.STATES })} />
<Block label="romm.screenshots" value={t("common.number", { value: response.SCREENSHOTS })} />
<Block label="romm.totalfilesize" value={t("common.bytes", { value: response.FILESIZE })} />
</Container>
);
}

2
src/widgets/romm/widget.js
View file

@ -6,7 +6,7 @@ const widget = {
mappings: {
statistics: {
endpoint: "platforms",
endpoint: "stats",
},
},
};