[Fix] - 미완성 파트 TODO 작성

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>
   );
 }

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`

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 (

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;
   }

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;

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>
     </>
   );

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;

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>
   );
 };

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;