From 5746b3f69ae04f0ff4260d1ffb64b88658adfeb0 Mon Sep 17 00:00:00 2001
From: myeongheonhong <ruddyh7076@gmail.com>
Date: Mon, 5 Feb 2024 17:27:18 +0900
Subject: [PATCH] =?UTF-8?q?[=20refactor=20]=20=EB=B6=88=ED=95=84=EC=9A=94?=
 =?UTF-8?q?=20=EC=BB=B4=ED=8F=AC=EB=84=8C=ED=8A=B8=20=EC=82=AD=EC=A0=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/Common/Button/SnsBox.tsx      | 19 -------------------
 components/Common/Modal/ShareContent.tsx | 10 +++++++---
 2 files changed, 7 insertions(+), 22 deletions(-)
 delete mode 100644 components/Common/Button/SnsBox.tsx

diff --git a/components/Common/Button/SnsBox.tsx b/components/Common/Button/SnsBox.tsx
deleted file mode 100644
index ebd387b2..00000000
--- a/components/Common/Button/SnsBox.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import styled from 'styled-components';
-
-interface SNSBoxProps {
-  children: React.ReactNode;
-  handleClick?: () => void;
-}
-
-export default function SNSBox(props: SNSBoxProps) {
-  const { children, handleClick } = props;
-
-  return <Styled.Box onClick={handleClick}>{children}</Styled.Box>;
-}
-
-const Styled = {
-  Box: styled.div`
-    margin: 0 0.5rem 0;
-    cursor: pointer;
-  `,
-};
diff --git a/components/Common/Modal/ShareContent.tsx b/components/Common/Modal/ShareContent.tsx
index 8bf384d1..39167d92 100644
--- a/components/Common/Modal/ShareContent.tsx
+++ b/components/Common/Modal/ShareContent.tsx
@@ -8,7 +8,6 @@ import { useEffect, useState } from 'react';
 import useKakaoShare from '@/hooks/common/useKakaoShare';
 import { useRecoilValue } from 'recoil';
 import { LoginUserInfo } from '@/recoil/auth/loginUserInfo';
-import SNSBox from '../Button/SnsBox';
 import InputLink from '../Input/InputLink';
 import { useGetMainProgressData } from '@/hooks/queries/wishes';
 
@@ -65,9 +64,9 @@ export default function ShareContent() {
     <Styled.ContentWrapper>
       <Styled.SNSContainer>
         {SNS_LIST.map((sns) => (
-          <SNSBox key={sns.name} handleClick={() => handleShareSNS(sns.name)} id={sns.name}>
+          <Styled.SNSBox key={sns.name} onClick={() => handleShareSNS(sns.name)} id={sns.name}>
             <Image src={sns.logo} alt={`${sns.name}`} />
-          </SNSBox>
+          </Styled.SNSBox>
         ))}
       </Styled.SNSContainer>
 
@@ -98,4 +97,9 @@ const Styled = {
     color: ${theme.colors.white};
     width: 100%;
   `,
+
+  SNSBox: styled.div`
+    margin: 0 0.5rem 0;
+    cursor: pointer;
+  `,
 };