hq/Bpistle
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

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
/> />
) )
} }