From 85b1a2d7dae9e837cfca6bd55fd8977db10f6106 Mon Sep 17 00:00:00 2001
From: ajnart <ajnart@pm.me>
Date: Fri, 12 Aug 2022 15:07:36 +0200
Subject: [PATCH] :bug: Fixing bug with image display

Fixes #336
---
 src/components/AppShelf/AppShelfItem.tsx | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/components/AppShelf/AppShelfItem.tsx b/src/components/AppShelf/AppShelfItem.tsx
index c4cd80d16..0c6439055 100644
--- a/src/components/AppShelf/AppShelfItem.tsx
+++ b/src/components/AppShelf/AppShelfItem.tsx
@@ -6,12 +6,12 @@ import {
   Center,
   createStyles,
   useMantineColorScheme,
+  Image,
 } from '@mantine/core';
 import { motion } from 'framer-motion';
 import { useState } from 'react';
 import { useSortable } from '@dnd-kit/sortable';
 import { CSS } from '@dnd-kit/utilities';
-import Image from 'next/image';
 import { serviceItem } from '../../tools/types';
 import PingComponent from '../../modules/ping/PingModule';
 import AppShelfMenu from './AppShelfMenu';
@@ -125,13 +125,11 @@ export function AppShelfItem(props: any) {
                   target={service.newTab === false ? '_top' : '_blank'}
                 >
                   <Image
-                    style={{
-                      cursor: 'pointer',
-                    }}
+                    styles={{ root: { cursor: 'pointer' } }}
                     width={80}
                     height={80}
-                    src={`/api/imageproxy?url=${service.icon}`}
-                    objectFit="contain"
+                    src={service.icon}
+                    fit="contain"
                   />
                 </Anchor>
               </motion.i>