ThunderNetworkRaD/react-components
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Added Image to Avatartsx

Browse source
This commit is contained in:
killerboss 2024-10-30 22:26:19 +01:00
parent 43d161b3d1
commit 6d5531c587
1 changed files with 3 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
blog/avatar.tsx
View file

@ -1,3 +1,5 @@
import Image from "next/image";
type Props = { type Props = {
name: string; name: string;
picture: string; picture: string;
@ -6,7 +8,7 @@ type Props = {
const Avatar = ({ name, picture }: Props) => { const Avatar = ({ name, picture }: Props) => {
return ( return (
<div className="flex items-center"> <div className="flex items-center">
<img src={picture} className="w-12 h-12 rounded-full mr-4" alt={name} /> <Image src={picture} className="w-12 h-12 rounded-full mr-4" alt={name} />
<div className="text-xl font-bold">{name}</div> <div className="text-xl font-bold">{name}</div>
</div> </div>
); );