From 786a16970fbf314fc22d09b810c1c6129d510dfc Mon Sep 17 00:00:00 2001
From: sayyyho <323psh@naver.com>
Date: Sun, 3 Nov 2024 01:12:35 +0900
Subject: [PATCH] =?UTF-8?q?[Fix]=20-=20=EB=AF=B8=EC=99=84=EC=84=B1=20?=
 =?UTF-8?q?=ED=8C=8C=ED=8A=B8=20TODO=20=EC=9E=91=EC=84=B1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/create/TeamButton.tsx          | 19 +++++++++++++++++--
 src/components/create/style.ts                |  8 ++++----
 .../invite/profile/DeactivatedProfile.tsx     |  4 +++-
 src/components/invite/profile/style.ts        |  2 +-
 src/pages/confirm/Confirm.tsx                 |  7 +++----
 src/pages/create/Create.tsx                   |  2 +-
 src/pages/invite/Invite.tsx                   |  7 ++++++-
 src/pages/result/Result.tsx                   |  2 +-
 src/pages/test/Test.tsx                       |  3 +++
 9 files changed, 39 insertions(+), 15 deletions(-)

diff --git a/src/components/create/TeamButton.tsx b/src/components/create/TeamButton.tsx
index c8e3b03..d5258bf 100644
--- a/src/components/create/TeamButton.tsx
+++ b/src/components/create/TeamButton.tsx
@@ -10,10 +10,25 @@ export default function TeamButton() {
   return (
     <S.Container>
       <S.Button onClick={decrement} disabled={count === 0}>
-        -
+        <span
+          style={{
+            paddingBottom: "0.25rem",
+          }}
+        >
+          -
+        </span>
       </S.Button>
       <S.PersonNum>{count} 명</S.PersonNum>
-      <S.Button onClick={increment}>+</S.Button>
+      <S.Button onClick={increment}>
+        <span
+          style={{
+            paddingBottom: "0.25rem",
+            paddingLeft: "0.05rem",
+          }}
+        >
+          +
+        </span>
+      </S.Button>
     </S.Container>
   );
 }
diff --git a/src/components/create/style.ts b/src/components/create/style.ts
index 3411e67..ed3d1d5 100644
--- a/src/components/create/style.ts
+++ b/src/components/create/style.ts
@@ -11,15 +11,15 @@ export const Button = styled.button`
   display: flex;
   align-items: center;
   justify-content: center;
-  width: 65px;
-  height: 65px;
+  width: 4rem;
+  height: 4rem;
   border-radius: 50%;
   background: #ced4da;
   color: #343a40;
   text-align: center;
   font-family: Pretendard;
-  font-size: 36px;
-  font-weight: 600;
+  font-size: 30px;
+  text-align: center;
 `;
 
 export const PersonNum = styled.span`
diff --git a/src/components/invite/profile/DeactivatedProfile.tsx b/src/components/invite/profile/DeactivatedProfile.tsx
index abd0814..8acaee4 100644
--- a/src/components/invite/profile/DeactivatedProfile.tsx
+++ b/src/components/invite/profile/DeactivatedProfile.tsx
@@ -1,8 +1,10 @@
 import * as S from "./style";
+import { useNavigate } from "react-router-dom";
 
 export default function DeactivatedProfile() {
+  const navigate = useNavigate();
   const handleClick = () => {
-    window.location.href = "#";
+    navigate("/personal");
   };
 
   return (
diff --git a/src/components/invite/profile/style.ts b/src/components/invite/profile/style.ts
index 88f8619..76fa426 100644
--- a/src/components/invite/profile/style.ts
+++ b/src/components/invite/profile/style.ts
@@ -71,7 +71,7 @@ export const DeactivatedContainer = styled.div`
   border: 2px dashed #dee2e6;
   background: #fff;
   padding: 18px;
-
+  cursor: pointer;
   @media (max-width: 360px) {
     width: 280px;
   }
diff --git a/src/pages/confirm/Confirm.tsx b/src/pages/confirm/Confirm.tsx
index d8b7a17..cdb49af 100644
--- a/src/pages/confirm/Confirm.tsx
+++ b/src/pages/confirm/Confirm.tsx
@@ -19,9 +19,7 @@ const Confirm: React.FC = () => {
           <InputContainer label="팀명" defaultText="팀명을 적어주세요!" />
           <InputContainer
             label="우리팀만의 규칙"
-            defaultText="1. 매일 데일리 스크럼 진행하기
-2. 본인의 의견 확실하게 밝히기
-3. 시간 나면 온라인 모각코 같이 진행하기"
+            defaultText="1. 규칙을 적어주세요!"
             isTextArea={true}
           />
           <InputContainer
@@ -30,9 +28,10 @@ const Confirm: React.FC = () => {
           />
         </Wrapper>
       </Wrapper>
-      <Button name="동기화 끝내기" link={`/next`} $width="100%" />
+      <Button name="동기화 끝내기" link={`/share`} $width="100%" />
     </Container>
   );
+  // TODO - Post로 최종 결과 등록 후 최종 공유 페이지 이동 로직
 };
 
 export default Confirm;
diff --git a/src/pages/create/Create.tsx b/src/pages/create/Create.tsx
index dfd813d..1413def 100644
--- a/src/pages/create/Create.tsx
+++ b/src/pages/create/Create.tsx
@@ -30,7 +30,7 @@ const Create: React.FC = () => {
       </Container>
 
       <ButtonLayout>
-        <Button type="submit" link="" name="팀 동기화 시작하기" />
+        <Button type="submit" link="/invite" name="팀 동기화 시작하기" />
       </ButtonLayout>
     </>
   );
diff --git a/src/pages/invite/Invite.tsx b/src/pages/invite/Invite.tsx
index ee08487..34c544a 100644
--- a/src/pages/invite/Invite.tsx
+++ b/src/pages/invite/Invite.tsx
@@ -62,9 +62,14 @@ const Invite: React.FC = () => {
           <DeactivatedProfile />
         </ProfileList>
       </Section>
-      <Button link="" name="팀원들과 동기화하기" />
+      <Button link="/result" name="팀원들과 동기화하기" />
     </Container>
   );
+  // TODO - 미등록 프로필 누르면 등록하는 페이지로
+  // TODO - 서버로 받은 UUID로 고유 페이지 생성
+  // TODO - 서버로 부터 등록받은 유저 받아와서 mapping
+  // TODO - 전 인원 미등록 시 disabled
+  // TODO - 전 인원 등록 후 버튼 클릭 시 GPT 관련 API요청
 };
 
 export default Invite;
diff --git a/src/pages/result/Result.tsx b/src/pages/result/Result.tsx
index 2099181..24090cc 100644
--- a/src/pages/result/Result.tsx
+++ b/src/pages/result/Result.tsx
@@ -32,7 +32,7 @@ const Result: React.FC = () => {
         </Wrapper>
       </Wrapper>
 
-      <Button name="다음" link={`/next`} $width="100%" />
+      <Button name="다음" link={`/confirm`} $width="100%" />
     </Container>
   );
 };
diff --git a/src/pages/test/Test.tsx b/src/pages/test/Test.tsx
index 22d9709..44163a7 100644
--- a/src/pages/test/Test.tsx
+++ b/src/pages/test/Test.tsx
@@ -64,10 +64,13 @@ const Test: React.FC = () => {
           onClick={() => {
             console.log("최종 선택된 내용:", selectedContent); // 최종 선택된 버튼의 인덱스 출력
           }}
+          link="/invite"
         />
       )}
     </S.TestContainer>
   );
+  // TODO - 25개 데이터 가지고 있기
+  // TODO - mapping해서 서버에 등록해주기
 };
 
 export default Test;