From b36cbeb158a7c88e55a3bc714f5b4d81d6fa385e Mon Sep 17 00:00:00 2001
From: codytseng <codytseng98@gmail.com>
Date: Tue, 19 Nov 2024 22:21:40 +0800
Subject: [PATCH] refact: use next/image for banner

---
 src/renderer/src/components/ProfileBanner/index.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/renderer/src/components/ProfileBanner/index.tsx b/src/renderer/src/components/ProfileBanner/index.tsx
index d30d5ee..d5cca67 100644
--- a/src/renderer/src/components/ProfileBanner/index.tsx
+++ b/src/renderer/src/components/ProfileBanner/index.tsx
@@ -1,4 +1,6 @@
+import { Image } from '@nextui-org/image'
 import { generateImageByPubkey } from '@renderer/lib/pubkey'
+import { cn } from '@renderer/lib/utils'
 import { useEffect, useMemo, useState } from 'react'
 
 export default function ProfileBanner({
@@ -22,11 +24,12 @@ export default function ProfileBanner({
   }, [defaultBanner, banner])
 
   return (
-    <img
+    <Image
       src={bannerUrl}
       alt={`${pubkey} banner`}
-      className={className}
+      className={cn('z-0', className)}
       onError={() => setBannerUrl(defaultBanner)}
+      removeWrapper
     />
   )
 }