jazzymc/homarr
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

fix(boards): app select modal images rendering issue (#3218)

Browse Source
This commit is contained in:
Meier Lukas
2025-05-25 14:51:13 +02:00
committed by GitHub
parent 8e24d8362e
commit 85e98d2b60
1 changed files with 2 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
packages/modals-collection/src/apps/app-select-modal.tsx
View File

@@ -1,5 +1,4 @@
import { useMemo, useState } from "react"; import { useMemo, useState } from "react";
import Image from "next/image";
import { Button, Card, Center, Grid, Input, Stack, Text } from "@mantine/core"; import { Button, Card, Center, Grid, Input, Stack, Text } from "@mantine/core";
import { IconPlus, IconSearch } from "@tabler/icons-react"; import { IconPlus, IconSearch } from "@tabler/icons-react";
@@ -23,7 +22,7 @@ export const AppSelectModal = createModal<AppSelectModalProps>(({ actions, inner
() => () =>
apps apps
.filter((app) => app.name.toLowerCase().includes(search.toLowerCase())) .filter((app) => app.name.toLowerCase().includes(search.toLowerCase()))
.sort((a, b) => a.name.localeCompare(b.name)), .sort((appA, appB) => appA.name.localeCompare(appB.name)),
[apps, search], [apps, search],
); );
@@ -88,7 +87,7 @@ export const AppSelectModal = createModal<AppSelectModalProps>(({ actions, inner
<Stack justify="space-between" h="100%"> <Stack justify="space-between" h="100%">
<Stack gap="xs"> <Stack gap="xs">
<Center> <Center>
<Image src={app.iconUrl || ""} alt={app.name} width={24} height={24} /> <img src={app.iconUrl} alt={app.name} width={24} height={24} />
</Center> </Center>
<Text lh={1.2} style={{ whiteSpace: "normal" }} ta="center"> <Text lh={1.2} style={{ whiteSpace: "normal" }} ta="center">
{app.name} {app.name}