From 54cab65e791c4a18e0496e0152334c35589e2552 Mon Sep 17 00:00:00 2001 From: Daniel Soares Date: Sat, 11 Dec 2021 12:53:26 -0300 Subject: [PATCH] feat: add avatar component --- public/avatar.jpeg | Bin 0 -> 22721 bytes src/components/Avatar/index.tsx | 11 +++++++++++ src/components/Avatar/styles.ts | 10 ++++++++++ src/pages/index.tsx | 21 ++++++++++++++------- 4 files changed, 35 insertions(+), 7 deletions(-) create mode 100644 public/avatar.jpeg create mode 100644 src/components/Avatar/index.tsx create mode 100644 src/components/Avatar/styles.ts diff --git a/public/avatar.jpeg b/public/avatar.jpeg new file mode 100644 index 0000000000000000000000000000000000000000..1103d995443233a162b45fc38271905a68b9ca05 GIT binary patch literal 22721 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 UmzqFII&x{*_oiTAQqTwg+1$sGlmGw# literal 0 HcmV?d00001 diff --git a/src/components/Avatar/index.tsx b/src/components/Avatar/index.tsx new file mode 100644 index 0000000..81314cf --- /dev/null +++ b/src/components/Avatar/index.tsx @@ -0,0 +1,11 @@ +import { ImageProps } from 'next/image' + +import { Wrapper } from './styles' + +type AvatarProps = ImageProps & { + src?: string +} + +export function Avatar({ src, ...rest }: AvatarProps) { + return !!src ? : null +} diff --git a/src/components/Avatar/styles.ts b/src/components/Avatar/styles.ts new file mode 100644 index 0000000..1f92376 --- /dev/null +++ b/src/components/Avatar/styles.ts @@ -0,0 +1,10 @@ +import Image from 'next/image' + +import { styled } from '../../styles/stitches.config' + +export const Wrapper = styled(Image, { + borderRadius: '9999px', + objectFit: 'cover', + width: '84px', + height: '84px' +}) diff --git a/src/pages/index.tsx b/src/pages/index.tsx index 36c4e42..8e8c5db 100644 --- a/src/pages/index.tsx +++ b/src/pages/index.tsx @@ -1,3 +1,4 @@ +import { Avatar } from '../components/Avatar' import { Button } from '../components/Button' export default function Home() { @@ -17,14 +18,20 @@ export default function Home() { ] return ( -

+
+ {links.map(link => ( - <> - -
- + ))}
)