From 85e98d2b603abe18b37fa74bf50836422b72c9e1 Mon Sep 17 00:00:00 2001
From: Meier Lukas <meierschlumpf@gmail.com>
Date: Sun, 25 May 2025 14:51:13 +0200
Subject: [PATCH] fix(boards): app select modal images rendering issue (#3218)

---
 packages/modals-collection/src/apps/app-select-modal.tsx | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/packages/modals-collection/src/apps/app-select-modal.tsx b/packages/modals-collection/src/apps/app-select-modal.tsx
index f6d7f2f50..f09f71d71 100644
--- a/packages/modals-collection/src/apps/app-select-modal.tsx
+++ b/packages/modals-collection/src/apps/app-select-modal.tsx
@@ -1,5 +1,4 @@
 import { useMemo, useState } from "react";
-import Image from "next/image";
 import { Button, Card, Center, Grid, Input, Stack, Text } from "@mantine/core";
 import { IconPlus, IconSearch } from "@tabler/icons-react";
 
@@ -23,7 +22,7 @@ export const AppSelectModal = createModal<AppSelectModalProps>(({ actions, inner
     () =>
       apps
         .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],
   );
 
@@ -88,7 +87,7 @@ export const AppSelectModal = createModal<AppSelectModalProps>(({ actions, inner
               <Stack justify="space-between" h="100%">
                 <Stack gap="xs">
                   <Center>
-                    <Image src={app.iconUrl || ""} alt={app.name} width={24} height={24} />
+                    <img src={app.iconUrl} alt={app.name} width={24} height={24} />
                   </Center>
                   <Text lh={1.2} style={{ whiteSpace: "normal" }} ta="center">
                     {app.name}