core/components/DiscordImage.tsx
2021-01-10 13:19:06 +09:00

26 lines
580 B
TypeScript

import NextImage from 'next/image'
const DiscordImage = (props: {
size?: number
userID: string
avatarHash: string
tag: number | string
className?: string
}) => {
return (
<NextImage
className={props.className}
src={
props.avatarHash
? `https://cdn.discordapp.com/avatars/${props.userID}/${props.avatarHash}.png?size=1024`
: `https://cdn.discordapp.com/embed/avatars/${Number(props.tag) % 5}.png?size=1024`
}
width={props.size || 256}
height={props.size || 256}
data-fallback-image='/img/default.png'
/>
)
}
export default DiscordImage