a63ac3e715
* TakeShape Example * Fix preview logic * Update README * Fix broken link * Be more clear with the relationship field * Use latest next.js for cms examples * Only show enabled items * Ignore current slug * Fix queries * Add takeshape demo * Added link to blog-starter Co-authored-by: Luis Alvarez D <luis@zeit.co>
20 lines
464 B
JavaScript
20 lines
464 B
JavaScript
import { getImageUrl } from 'takeshape-routing'
|
|
|
|
export default function Avatar({ name, picture }) {
|
|
return (
|
|
<div className="flex items-center">
|
|
<img
|
|
src={getImageUrl(picture.path, {
|
|
fm: 'jpg',
|
|
fit: 'crop',
|
|
w: 100,
|
|
h: 100,
|
|
sat: -100,
|
|
})}
|
|
className="w-12 h-12 rounded-full mr-4"
|
|
alt={name}
|
|
/>
|
|
<div className="text-xl font-bold">{name}</div>
|
|
</div>
|
|
)
|
|
}
|