From fb0f55a964dd8d59326ebb8f182a92929be276b2 Mon Sep 17 00:00:00 2001 From: SeonHyungJo Date: Thu, 11 Mar 2021 01:14:19 +0900 Subject: [PATCH 1/2] =?UTF-8?q?feat(logo):=20logo=20=EC=BB=B4=ED=8F=AC?= =?UTF-8?q?=EB=84=8C=ED=8A=B8=20=EA=B0=9C=EB=B0=9C?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - className, width, height props 추가 re #18 --- src/assets/Logo.png | Bin 0 -> 6761 bytes src/atoms/Logo/index.tsx | 26 ++++++++++++++++++++++++-- src/atoms/Logo/style.scss | 3 +++ 3 files changed, 27 insertions(+), 2 deletions(-) create mode 100644 src/assets/Logo.png create mode 100644 src/atoms/Logo/style.scss diff --git a/src/assets/Logo.png b/src/assets/Logo.png new file mode 100644 index 0000000000000000000000000000000000000000..84cc1575972ff857fde2c94c41e72c813fe4f48f GIT binary patch literal 6761 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 BYUcm| literal 0 HcmV?d00001 diff --git a/src/atoms/Logo/index.tsx b/src/atoms/Logo/index.tsx index 13a8dae..e117727 100644 --- a/src/atoms/Logo/index.tsx +++ b/src/atoms/Logo/index.tsx @@ -1,5 +1,27 @@ import React, { ReactElement } from 'react'; -export default function Logo(): ReactElement { - return <>; +import Logo from '@assets/Logo.png'; + +import './style.scss'; + +interface LogoProps { + className: string; + width: number; + height: number; +} + +export default function Logo({ + className, + width = 60, + height = 60, +}: LogoProps): ReactElement { + return ( + logo + ); } diff --git a/src/atoms/Logo/style.scss b/src/atoms/Logo/style.scss new file mode 100644 index 0000000..91d8660 --- /dev/null +++ b/src/atoms/Logo/style.scss @@ -0,0 +1,3 @@ +.your-voice-emoji { + border-radius: 15px; +} From b0e74f47a05fa1993a11ca450172a97c75179376 Mon Sep 17 00:00:00 2001 From: SeonHyungJo Date: Fri, 12 Mar 2021 00:33:16 +0900 Subject: [PATCH 2/2] =?UTF-8?q?refactor(logo):=20logo=20className=20?= =?UTF-8?q?=EA=B8=B0=EB=B3=B8=EA=B0=92=20=EC=84=A4=EC=A0=95=20=EB=B0=8F=20?= =?UTF-8?q?props=20optional=EB=A1=9C=20=EC=A0=84=ED=99=98?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/atoms/Logo/index.tsx | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/src/atoms/Logo/index.tsx b/src/atoms/Logo/index.tsx index e117727..b83599f 100644 --- a/src/atoms/Logo/index.tsx +++ b/src/atoms/Logo/index.tsx @@ -5,13 +5,13 @@ import Logo from '@assets/Logo.png'; import './style.scss'; interface LogoProps { - className: string; - width: number; - height: number; + className?: string; + width?: number; + height?: number; } export default function Logo({ - className, + className = '', width = 60, height = 60, }: LogoProps): ReactElement {