From 528934ec9be20c9c2fa5993a2a1ee8178541f1c1 Mon Sep 17 00:00:00 2001 From: n-ryu Date: Thu, 15 Dec 2022 16:40:17 +0900 Subject: [PATCH] =?UTF-8?q?feat:=20=ED=85=8C=EC=9D=B4=EB=B8=94=20=EB=B7=B0?= =?UTF-8?q?=EC=9D=98=20=ED=9E=88=EC=96=B4=EB=A1=9C=20=EC=9D=B4=EB=AF=B8?= =?UTF-8?q?=EC=A7=80=20=EC=8B=9C=EA=B3=84=20=EC=95=A0=EB=8B=88=EB=A9=94?= =?UTF-8?q?=EC=9D=B4=EC=85=98=20=EC=B6=94=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- client/src/container/todos/TodosHeader.tsx | 5 +- client/src/images/Waiting.svg | 153 ++--- client/src/images/Waiting.tsx | 629 +++++++++++++++++++++ client/src/images/Waiting_HourHand.svg | 3 + client/src/images/Waiting_MinuteHand.svg | 3 + 5 files changed, 714 insertions(+), 79 deletions(-) create mode 100644 client/src/images/Waiting.tsx create mode 100644 client/src/images/Waiting_HourHand.svg create mode 100644 client/src/images/Waiting_MinuteHand.svg diff --git a/client/src/container/todos/TodosHeader.tsx b/client/src/container/todos/TodosHeader.tsx index 114d0b8..ed42437 100644 --- a/client/src/container/todos/TodosHeader.tsx +++ b/client/src/container/todos/TodosHeader.tsx @@ -1,8 +1,7 @@ import { ReactElement, memo } from 'react'; -import Waiting from '@images/Waiting.svg'; -import Image from '@components/Image'; import Text from '@components/Text'; import styled from 'styled-components'; +import Waiting from '@images/Waiting'; const Wrapper = styled.div` width: 100%; @@ -13,7 +12,7 @@ const TodosHeader = (): ReactElement => { return ( - + ); }; diff --git a/client/src/images/Waiting.svg b/client/src/images/Waiting.svg index a8a2cb2..fc2cfd7 100644 --- a/client/src/images/Waiting.svg +++ b/client/src/images/Waiting.svg @@ -1,77 +1,78 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/client/src/images/Waiting.tsx b/client/src/images/Waiting.tsx new file mode 100644 index 0000000..885dc3d --- /dev/null +++ b/client/src/images/Waiting.tsx @@ -0,0 +1,629 @@ +import { ReactElement } from 'react'; + +const Relaxing = (): ReactElement => { + return ( + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ); +}; +export default Relaxing; diff --git a/client/src/images/Waiting_HourHand.svg b/client/src/images/Waiting_HourHand.svg new file mode 100644 index 0000000..8be8800 --- /dev/null +++ b/client/src/images/Waiting_HourHand.svg @@ -0,0 +1,3 @@ + + + diff --git a/client/src/images/Waiting_MinuteHand.svg b/client/src/images/Waiting_MinuteHand.svg new file mode 100644 index 0000000..ecafae6 --- /dev/null +++ b/client/src/images/Waiting_MinuteHand.svg @@ -0,0 +1,3 @@ + + +