From f5aff54479428a9d0b5f182994755977e6420a7f Mon Sep 17 00:00:00 2001
From: kyuhho <rbgh0114@naver.com>
Date: Sun, 30 Jun 2024 22:53:19 +0900
Subject: [PATCH 1/2] feat: change to beta test payment complete page (#326)

---
 src/pages/Buyer/BuyerFinishPayment.tsx | 49 +++++++++++++++++---------
 1 file changed, 33 insertions(+), 16 deletions(-)

diff --git a/src/pages/Buyer/BuyerFinishPayment.tsx b/src/pages/Buyer/BuyerFinishPayment.tsx
index 9b564773..ce3b4f5a 100644
--- a/src/pages/Buyer/BuyerFinishPayment.tsx
+++ b/src/pages/Buyer/BuyerFinishPayment.tsx
@@ -1,6 +1,6 @@
 import { HeaderWrapper } from 'components/Buyer/Common/Header';
 import { useNavigate } from 'react-router-dom';
-import { Green, Grey1, LightGreen } from 'styles/color';
+import { Green, Grey1 } from 'styles/color';
 import { Body2, Heading } from 'styles/font';
 import { ReactComponent as SendGraphic } from 'assets/icons/graphic-send.svg';
 import { Button } from 'components/Common/Button';
@@ -8,6 +8,7 @@ import styled from 'styled-components';
 
 import { Space } from 'components/Common/Space';
 import { APP_WIDTH } from 'styles/AppStyle';
+import { Flex } from 'components/Common/Flex';
 
 //
 //
@@ -23,34 +24,43 @@ function BuyerFinishPayment() {
   return (
     <Wrapper>
       <HeaderWrapper>
-        <Heading color={Grey1}>상담 신청완료</Heading>
+        <Heading color={Grey1}>결제 신청 완료</Heading>
       </HeaderWrapper>
       <div className="body">
         <SendGraphic />
         <Space height="6.5rem" />
         <Heading color={Green} margin="0 0 2.2rem 0">
-          상담 신청 완료
+          결제 신청 완료!
         </Heading>
+        <Flex direction="column" style={{ maxWidth: '28rem' }}>
+          {/* TODO: add link */}
+          <Body2 color={Grey1}>
+            셰어마인드는 현재 <StyledLink href="/">베타테스트 중</StyledLink>
+            이에요.
+          </Body2>
+          <Body2 color={Grey1} style={{ whiteSpace: 'pre-line' }}>
+            {'모든 결제를 수동으로 승인하고 있어\n시간이 걸릴 수 있어요.'}
+          </Body2>
+          {/* TODO: add link */}
+          <Body2
+            color={Grey1}
+            style={{ whiteSpace: 'pre-wrap', wordBreak: 'keep-all' }}
+          >
+            결제가 완료되지 않는다면{' '}
+            <StyledLink href="/">홈 화면 하단의 고객센터 버튼</StyledLink>을
+            눌러 문의해주세요.
+          </Body2>
+        </Flex>
       </div>
-      <div className="buttons">
+      <div className="button">
         <Button
           text="홈으로 가기"
           height="5.2rem"
-          width="45%"
-          color={Green}
-          backgroundColor={LightGreen}
+          width="100%"
           onClick={() => {
             navigate('/');
           }}
         />
-        <Button
-          text="상담글 작성하기"
-          height="5.2rem"
-          width="45%"
-          onClick={() => {
-            navigate('/consult?type=open-consult');
-          }}
-        />
       </div>
     </Wrapper>
   );
@@ -70,17 +80,24 @@ const Wrapper = styled.div`
     flex-direction: column;
     align-items: center;
   }
-  .buttons {
+  .button {
     position: fixed;
     justify-content: center;
     bottom: 1rem;
     width: 100%;
+
     @media (min-width: 768px) {
       width: ${APP_WIDTH};
     }
     display: flex;
     gap: 1.5rem;
+    padding: 0 2rem;
+    box-sizing: border-box;
   }
 `;
 
+const StyledLink = styled.a`
+  color: ${Green};
+`;
+
 export default BuyerFinishPayment;

From 97700811aa84d1dd8385ab482c88e3f73fd27df4 Mon Sep 17 00:00:00 2001
From: kyuhho <rbgh0114@naver.com>
Date: Mon, 1 Jul 2024 16:37:24 +0900
Subject: [PATCH 2/2] chore: change a tag to span (#326)

---
 src/pages/Buyer/BuyerFinishPayment.tsx | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/src/pages/Buyer/BuyerFinishPayment.tsx b/src/pages/Buyer/BuyerFinishPayment.tsx
index ce3b4f5a..d373154a 100644
--- a/src/pages/Buyer/BuyerFinishPayment.tsx
+++ b/src/pages/Buyer/BuyerFinishPayment.tsx
@@ -33,21 +33,19 @@ function BuyerFinishPayment() {
           결제 신청 완료!
         </Heading>
         <Flex direction="column" style={{ maxWidth: '28rem' }}>
-          {/* TODO: add link */}
           <Body2 color={Grey1}>
-            셰어마인드는 현재 <StyledLink href="/">베타테스트 중</StyledLink>
+            셰어마인드는 현재 <GreenTypography>베타테스트 중</GreenTypography>
             이에요.
           </Body2>
           <Body2 color={Grey1} style={{ whiteSpace: 'pre-line' }}>
             {'모든 결제를 수동으로 승인하고 있어\n시간이 걸릴 수 있어요.'}
           </Body2>
-          {/* TODO: add link */}
           <Body2
             color={Grey1}
             style={{ whiteSpace: 'pre-wrap', wordBreak: 'keep-all' }}
           >
             결제가 완료되지 않는다면{' '}
-            <StyledLink href="/">홈 화면 하단의 고객센터 버튼</StyledLink>을
+            <GreenTypography>홈 화면 하단의 고객센터 버튼</GreenTypography>을
             눌러 문의해주세요.
           </Body2>
         </Flex>
@@ -96,7 +94,7 @@ const Wrapper = styled.div`
   }
 `;
 
-const StyledLink = styled.a`
+const GreenTypography = styled.span`
   color: ${Green};
 `;