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

FIx error when fields is missing

Browse Source
This commit is contained in:
Felix Cornelius 2024-11-19 21:21:14 +01:00
parent 5e938b69a0
commit 48d8f980fc
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/widgets/argocd/component.jsx
View File

@ -7,17 +7,17 @@ export default function Component({ service }) {
// Limits fields to available statuses // Limits fields to available statuses
const validFields = ["apps", "synced", "outOfSync", "healthy", "progressing", "degraded", "suspended", "missing"]; const validFields = ["apps", "synced", "outOfSync", "healthy", "progressing", "degraded", "suspended", "missing"];
widget.fields = widget.fields.filter((field) => validFields.includes(field)); widget.fields = widget.fields?.filter((field) => validFields.includes(field));
// Limits max number of displayed fields // Limits max number of displayed fields
const MAX_ALLOWED_FIELDS = 4; const MAX_ALLOWED_FIELDS = 4;
if (widget.fields != null && widget.fields.length > MAX_ALLOWED_FIELDS) { if (widget.fields?.length > MAX_ALLOWED_FIELDS) {
widget.fields = widget.fields.slice(0, MAX_ALLOWED_FIELDS); widget.fields = widget.fields.slice(0, MAX_ALLOWED_FIELDS);
} }
const { data: appsData, error: appsError } = useWidgetAPI(widget, "applications"); const { data: appsData, error: appsError } = useWidgetAPI(widget, "applications");
const appCounts = widget.fields.map((status) => { const appCounts = widget.fields?.map((status) => {
if (status === "apps") { if (status === "apps") {
return { status, count: appsData?.items?.length }; return { status, count: appsData?.items?.length };
} }
@ -35,7 +35,7 @@ export default function Component({ service }) {
if (!appsData) { if (!appsData) {
return ( return (
<Container service={service}> <Container service={service}>
{appCounts.map((a) => ( {appCounts?.map((a) => (
<Block label={`argocd.${a.status}`} key={a.status} /> <Block label={`argocd.${a.status}`} key={a.status} />
))} ))}
</Container> </Container>
@ -44,7 +44,7 @@ export default function Component({ service }) {
return ( return (
<Container service={service}> <Container service={service}>
{appCounts.map((a) => ( {appCounts?.map((a) => (
<Block label={`argocd.${a.status}`} key={a.status} value={a.count} /> <Block label={`argocd.${a.status}`} key={a.status} value={a.count} />
))} ))}
</Container> </Container>