Added translation support to gitlab widget

This commit is contained in:
Urs Kröll 2024-11-16 21:22:12 +01:00
parent 601ba4cd8c
commit 70f06817d5
No known key found for this signature in database
GPG Key ID: D93E3DE7D924C315

View File

@ -1,8 +1,11 @@
import { useTranslation } from "next-i18next";
import Container from "components/services/widget/container"; 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 default function Component({ service }) { export default function Component({ service }) {
const { t } = useTranslation();
const { widget } = service; const { widget } = service;
const { data: gitlabEvents, error: gitlabEventsError } = useWidgetAPI(widget, "events"); const { data: gitlabEvents, error: gitlabEventsError } = useWidgetAPI(widget, "events");
@ -26,26 +29,26 @@ export default function Component({ service }) {
} }
const issues = { const issues = {
open: gitlabEvents.issues.filter(event => event.action_name.toLowerCase() === "opened").length, open: gitlabEvents.issues.filter((event) => event.action_name.toLowerCase() === "opened").length,
closed: gitlabEvents.issues.filter(event => event.action_name.toLowerCase() === "closed").length, closed: gitlabEvents.issues.filter((event) => event.action_name.toLowerCase() === "closed").length,
count: gitlabEvents.issues.length count: gitlabEvents.issues.length,
}; };
const merges = { const merges = {
open: gitlabEvents.merges.filter(event => event.action_name.toLowerCase() === "opened").length, open: gitlabEvents.merges.filter((event) => event.action_name.toLowerCase() === "opened").length,
closed: gitlabEvents.merges.filter(event => event.action_name.toLowerCase() === "closed").length, closed: gitlabEvents.merges.filter((event) => event.action_name.toLowerCase() === "closed").length,
count: gitlabEvents.merges.length count: gitlabEvents.merges.length,
}; };
return ( return (
<Container service={service}> <Container service={service}>
<Block label="gitlab.events" value={gitlabEvents.events} /> <Block label="gitlab.events" value={t("common.number", { value: gitlabEvents.events })} />
<Block label="gitlab.issues" value={issues.count} /> <Block label="gitlab.issues" value={t("common.number", { value: issues.count })} />
<Block label="gitlab.issuesOpen" value={issues.open} /> <Block label="gitlab.issuesOpen" value={t("common.number", { value: issues.open })} />
<Block label="gitlab.issuesClosed" value={issues.closed} /> <Block label="gitlab.issuesClosed" value={t("common.number", { value: issues.closed })} />
<Block label="gitlab.merges" value={merges.count} /> <Block label="gitlab.merges" value={t("common.number", { value: merges.count })} />
<Block label="gitlab.mergesOpen" value={merges.open} /> <Block label="gitlab.mergesOpen" value={t("common.number", { value: merges.open })} />
<Block label="gitlab.mergesClosed" value={merges.closed} /> <Block label="gitlab.mergesClosed" value={t("common.number", { value: merges.closed })} />
</Container> </Container>
); );
} }