mleku/smesh
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refact: use next/image for banner

Browse Source
This commit is contained in:
codytseng
2024-11-19 22:21:40 +08:00
parent af027debb0
commit b36cbeb158
1 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/renderer/src/components/ProfileBanner/index.tsx
View File

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