OpenSource/homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update component.jsx

Browse Source 
Add field limiting logic.
Cleaned up response error that is returned.
Refactor size returned to use 'common.bytes' to avoid predefined calculations.
This commit is contained in:
InsertDisc 2024-08-23 20:59:42 -04:00 committed by GitHub
parent bbd83a1eaa
commit ac86a08a53
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 13 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/widgets/romm/component.jsx
View File

@ -4,18 +4,24 @@ import Container from "components/services/widget/container";
import Block from "components/services/widget/block"; import Block from "components/services/widget/block";
import useWidgetAPI from "utils/proxy/use-widget-api"; import useWidgetAPI from "utils/proxy/use-widget-api";
export const rommDefaultFields = ["platforms", "roms", "saves", "states"];
export default function Component({ service }) { export default function Component({ service }) {
const { widget } = service; const { widget } = service;
const { t } = useTranslation(); const { t } = useTranslation();
const { data: response, error: responseError } = useWidgetAPI(widget, "statistics"); const { data: response, error: responseError } = useWidgetAPI(widget, "statistics");
if (responseError) { if (responseError) {
return ( return <Container service={service} error={responseError} />;
<Container service={service}> }
<Block label="Error" value={responseError.message} />
</Container> // Default fields
); if (!widget.fields?.length > 0) {
widget.fields = rommDefaultFields;
}
const MAX_ALLOWED_FIELDS = 4;
if (widget.fields?.length > MAX_ALLOWED_FIELDS) {
widget.fields = widget.fields.slice(0, MAX_ALLOWED_FIELDS);
} }
if (!response) { if (!response) {
@ -32,8 +38,6 @@ export default function Component({ service }) {
} }
if (response) { if (response) {
const totalFilesizeGB = (response.FILESIZE / 1024 ** 3).toFixed(2);
return ( return (
<Container service={service}> <Container service={service}>
<Block label="romm.platforms" value={t("common.number", { value: response.PLATFORMS })} /> <Block label="romm.platforms" value={t("common.number", { value: response.PLATFORMS })} />
@ -41,7 +45,7 @@ export default function Component({ service }) {
<Block label="romm.saves" value={t("common.number", { value: response.SAVES })} /> <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.states" value={t("common.number", { value: response.STATES })} />
<Block label="romm.screenshots" value={t("common.number", { value: response.SCREENSHOTS })} /> <Block label="romm.screenshots" value={t("common.number", { value: response.SCREENSHOTS })} />
<Block label="romm.totalfilesize" value={t("common.filesize", { value: totalFilesizeGB })} /> <Block label="romm.totalfilesize" value={t("common.bytes", { value: response.FILESIZE })} />
</Container> </Container>
); );
} }