c59d24055d
* Add Prismic Example * Update package.json * Update constants * Remove react-datocms * Add Preview Mode for Prismic * Add support for Preview Mode * Delete author.jpg * Delete image.jpg * Fixes and readme updates * Fixed issues with preview mode * Updated preview mode steps * Added more posts * Updated readme * Updated readme * Added demo URL * Added related examples links * Added example to docs Co-authored-by: Shu Uesugi <shu@chibicode.com> Co-authored-by: Luis Alvarez <luis@zeit.co>
12 lines
295 B
JavaScript
12 lines
295 B
JavaScript
export default function Avatar({ name, picture }) {
|
|
return (
|
|
<div className="flex items-center">
|
|
<img
|
|
src={picture.url}
|
|
className="w-12 h-12 rounded-full mr-4"
|
|
alt={name[0].text}
|
|
/>
|
|
<div className="text-xl font-bold">{name}</div>
|
|
</div>
|
|
)
|
|
}
|