From e0f522baaedc000b6650ddfa88fa6996fa811ea0 Mon Sep 17 00:00:00 2001
From: SeieunYoo <isho48239@gmail.com>
Date: Sun, 28 Jul 2024 23:42:24 +0900
Subject: [PATCH] =?UTF-8?q?fix=20:svg=20=EC=86=8D=EC=84=B1,=20=ED=95=84?=
 =?UTF-8?q?=EC=9A=94=EC=97=86=EB=8A=94=20=EC=BB=B4=ED=8F=AC=EB=84=8C?=
 =?UTF-8?q?=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

---
 src/assets/Onboarding.tsx                   | 26 ++++-----
 src/assets/OnboardingArrow.tsx              |  2 +-
 src/assets/SelectBoxArrorw.tsx              |  2 +-
 src/components/myPage/JoinRegularMember.tsx | 17 +++++-
 src/components/myPage/PaymentStatus.tsx     | 64 ---------------------
 5 files changed, 31 insertions(+), 80 deletions(-)
 delete mode 100644 src/components/myPage/PaymentStatus.tsx

diff --git a/src/assets/Onboarding.tsx b/src/assets/Onboarding.tsx
index a215a96..2c5c2ec 100644
--- a/src/assets/Onboarding.tsx
+++ b/src/assets/Onboarding.tsx
@@ -181,14 +181,14 @@ export const OnboardingLogo2 = () => {
       <path
         d="M445.043 84.3232C436.019 79.7142 409.206 74.5111 374.154 90.5707C330.34 110.645 324.003 153.693 355.647 168.369C387.29 183.045 412.913 145.538 398.267 123.231C383.62 100.924 337.23 89.8875 304.628 146.701C278.547 192.153 299.746 240.766 313.606 259.392"
         stroke="#EA4335"
-        stroke-width="8.4"
-        stroke-linecap="round"
+        strokeWidth="8.4"
+        strokeLinecap="round"
       />
       <path
         d="M155.591 324.754C154.268 318.182 145.94 302.148 123.205 290.588C94.7866 276.137 69.8733 290.554 75.2796 312.986C80.6859 335.418 110.658 333.274 116.195 316.512C121.732 299.75 108.376 271.172 65.5301 277.639C31.253 282.812 14.7778 313.787 10.8248 328.627"
         stroke="#1453BC"
-        stroke-width="8.4"
-        stroke-linecap="round"
+        strokeWidth="8.4"
+        strokeLinecap="round"
       />
       <rect
         x="96.2844"
@@ -200,12 +200,12 @@ export const OnboardingLogo2 = () => {
         fill="#FBBC04"
       />
       <path
-        fill-rule="evenodd"
-        clip-rule="evenodd"
+        fillRule="evenodd"
+        clipRule="evenodd"
         d="M97.5074 88.7708L87.7584 88.1645C87.1602 88.1273 86.7054 87.6122 86.7426 87.0139L87.3494 77.265C87.3866 76.6668 87.9018 76.212 88.5 76.2492C89.0983 76.2864 89.553 76.8015 89.5158 77.3998L89.0718 84.5336L100.125 74.7747C100.575 74.378 101.261 74.4207 101.657 74.87C102.054 75.3193 102.011 76.0052 101.562 76.4019L90.5084 86.1607L97.6422 86.6044C98.2405 86.6416 98.6953 87.1567 98.658 87.755C98.6208 88.3532 98.1056 88.808 97.5074 88.7708Z"
         fill="#4792EE"
         stroke="#4792EE"
-        stroke-width="1.2"
+        strokeWidth="1.2"
       />
       <path
         d="M273.438 45.1417C276.248 40.6452 282.17 39.2773 286.667 42.0864L311.094 57.347C313.423 58.8023 315.018 61.1858 315.474 63.8943L318.271 80.4981C319.077 85.2872 316.18 89.9242 311.523 91.2995L295.374 96.0678C292.74 96.8457 289.899 96.4579 287.569 95.0026L263.142 79.742C258.645 76.9329 257.277 71.0104 260.087 66.5138L273.438 45.1417Z"
@@ -214,18 +214,18 @@ export const OnboardingLogo2 = () => {
       <path
         d="M282.604 56.6639L287.921 79.6847"
         stroke="#4792EE"
-        stroke-width="3.6"
-        stroke-linecap="round"
+        strokeWidth="3.6"
+        strokeLinecap="round"
       />
       <path
         d="M296.741 65.5679L273.72 70.885"
         stroke="#4792EE"
-        stroke-width="3.6"
-        stroke-linecap="round"
+        strokeWidth="3.6"
+        strokeLinecap="round"
       />
       <path
-        fill-rule="evenodd"
-        clip-rule="evenodd"
+        fillRule="evenodd"
+        clipRule="evenodd"
         d="M216.59 215.209C214.571 212.024 210.874 210.317 207.141 210.844L142.145 220.02C136.895 220.762 133.24 225.618 133.981 230.868L136.065 245.631L153.624 369.995C154.365 375.245 159.222 378.9 164.472 378.159L344.307 352.768C349.557 352.027 353.212 347.17 352.471 341.92L336.254 227.062C335.513 221.812 330.656 218.157 325.406 218.899L233.812 231.831C230.078 232.358 226.381 230.65 224.362 227.466L216.59 215.209Z"
         fill="#FBBC04"
       />
diff --git a/src/assets/OnboardingArrow.tsx b/src/assets/OnboardingArrow.tsx
index c758f22..5684a2f 100644
--- a/src/assets/OnboardingArrow.tsx
+++ b/src/assets/OnboardingArrow.tsx
@@ -3,7 +3,7 @@ export const OnboardingArrow = () => {
     <>
       <style>
         {`
-      @keyframes bounce {
+        @keyframes bounce {
         0%, 100% { transform: translateY(0); }
         50% { transform: translateY(-5px); }
       }
diff --git a/src/assets/SelectBoxArrorw.tsx b/src/assets/SelectBoxArrorw.tsx
index 5eb4a36..f24e0f0 100644
--- a/src/assets/SelectBoxArrorw.tsx
+++ b/src/assets/SelectBoxArrorw.tsx
@@ -6,7 +6,7 @@ export const SelectBoxArrow = () => {
       viewBox="0 0 14 8"
       fill="none"
       xmlns="http://www.w3.org/2000/svg">
-      <path d="M1 1L7 7L13 1" stroke="#CCCCCC" stroke-linecap="round" />
+      <path d="M1 1L7 7L13 1" stroke="#CCCCCC" strokeLinecap="round" />
     </svg>
   );
 };
diff --git a/src/components/myPage/JoinRegularMember.tsx b/src/components/myPage/JoinRegularMember.tsx
index dac1374..a4068fd 100644
--- a/src/components/myPage/JoinRegularMember.tsx
+++ b/src/components/myPage/JoinRegularMember.tsx
@@ -1,4 +1,6 @@
 import { Text, Flex } from '@/components/common/Wrapper';
+import RoutePath from '@/routes/routePath';
+import { useNavigate } from 'react-router-dom';
 import Box from 'wowds-ui/Box';
 
 const JoinRegularMember = ({
@@ -6,8 +8,21 @@ const JoinRegularMember = ({
 }: {
   paymentStatus: 'PENDING' | 'SATISFIED';
 }) => {
+  const navigate = useNavigate();
+
+  const handleClickRoute = () => {
+    if (paymentStatus !== 'PENDING') {
+      return;
+    }
+    navigate(RoutePath.PaymentsCheckout);
+  };
   return (
-    <Flex gap="sm" justify="flex-start" direction="column" align="flex-start">
+    <Flex
+      gap="sm"
+      justify="flex-start"
+      direction="column"
+      align="flex-start"
+      onClick={handleClickRoute}>
       <Text typo="h2" color="textBlack">
         정회원 가입 조건
       </Text>
diff --git a/src/components/myPage/PaymentStatus.tsx b/src/components/myPage/PaymentStatus.tsx
deleted file mode 100644
index 7b6f731..0000000
--- a/src/components/myPage/PaymentStatus.tsx
+++ /dev/null
@@ -1,64 +0,0 @@
-import { RightArrow } from '@/assets/RightArrow';
-import { Flex, Space, Text } from '@/components/common/Wrapper';
-import { color } from 'wowds-tokens';
-import RoutePath from '@/routes/routePath';
-import styled from '@emotion/styled';
-
-import { useNavigate } from 'react-router-dom';
-
-export type PaymentStatusType = 'PENDING' | 'VERIFIED';
-
-interface PaymentStatusProps {
-  paymentStatus: PaymentStatusType;
-  depositorName: string;
-}
-
-export const PaymentStatus = ({
-  paymentStatus
-  //depositorName
-}: PaymentStatusProps) => {
-  const navigate = useNavigate();
-
-  const handleClickRoute = () => {
-    if (paymentStatus !== 'PENDING') {
-      return;
-    }
-    navigate(RoutePath.PaymentsCheckout);
-  };
-
-  return (
-    <Flex direction="column" gap="sm" onClick={handleClickRoute}>
-      <Wrapper paymentStatus={paymentStatus}>
-        <Flex direction="column" justify="flex-start" align="flex-start">
-          <Text typo="label1" color="black">
-            {paymentStatus === 'PENDING'
-              ? '이번 학기 회비를 납부해주세요.'
-              : '회비 납부가 정상적으로 완료되었어요.'}
-          </Text>
-          <Space height={12} />
-          <Text typo="body1" color="sub">
-            이제 카드•페이 등 여러 결제수단을 지원해요.
-          </Text>
-        </Flex>
-        {paymentStatus === 'PENDING' && <RightArrow />}
-      </Wrapper>
-    </Flex>
-  );
-};
-
-const Wrapper = styled(Flex)<{
-  paymentStatus: PaymentStatusType;
-}>`
-  padding: 24px 24px 20px 24px;
-  box-sizing: border-box;
-
-  background-color: ${color.white};
-  border-radius: 8px;
-  border: ${({ paymentStatus }) =>
-    paymentStatus === 'PENDING'
-      ? `1px solid ${color.error}`
-      : `1px solid ${color.primary}`};
-
-  cursor: ${({ paymentStatus }) =>
-    paymentStatus === 'PENDING' ? 'pointer' : 'default'};
-`;