fix: Add fallback when no icon in Minecraft Server widget (#4544) (#4545)

This commit is contained in:
Noah Croghan
2025-11-27 10:06:31 -06:00
committed by GitHub
parent 85d4931538
commit 99949fe095

View File

@@ -1,7 +1,7 @@
"use client"; "use client";
import { Box, Flex, Group, Text, Tooltip } from "@mantine/core"; import { Box, Flex, Group, Text, Tooltip } from "@mantine/core";
import { IconUsersGroup } from "@tabler/icons-react"; import { IconCube, IconUsersGroup } from "@tabler/icons-react";
import { clientApi } from "@homarr/api/client"; import { clientApi } from "@homarr/api/client";
import { formatNumber } from "@homarr/common"; import { formatNumber } from "@homarr/common";
@@ -44,13 +44,25 @@ export default function MinecraftServerStatusWidget({ options }: WidgetComponent
</Group> </Group>
{data.online && ( {data.online && (
<> <>
{!options.isBedrockServer && ( {!options.isBedrockServer &&
<img (data.icon ? (
style={{ flex: 1, transform: "scale(0.8)", objectFit: "contain" }} <img
alt={`minecraft icon ${options.domain}`} style={{ flex: 1, transform: "scale(0.8)", objectFit: "contain" }}
src={data.icon} alt={`minecraft icon ${options.domain}`}
/> src={data.icon}
)} />
) : (
<Box
style={{
flex: 1,
display: "flex",
alignItems: "center",
justifyContent: "center",
}}
>
<IconCube size="3rem" color="var(--mantine-color-gray-5)" />
</Box>
))}
<Group gap={5} c="gray.6" align="center"> <Group gap={5} c="gray.6" align="center">
<IconUsersGroup size="1rem" /> <IconUsersGroup size="1rem" />
<Text size="md"> <Text size="md">