Skip to content

[REFACTOR] 설정 페이지 버튼을 공통 Button 컴포넌트 기준으로 업데이트 #315

Description

@jjangminii

🛠️ 만들고자 한 기능 설명

공용 `Button` 컴포넌트(#305)가 추가되었으므로, 설정 페이지에서 쓰는 버튼을 이 컴포넌트 기준으로 맞춥니다. 현재는 `PillButton`, `ModalButton`, 직접 작성한 ``이 섞여 있어 스타일과 접근성 규칙이 일관되지 않습니다.

✅ TODO LIST

  • 설정 페이지에서 쓰는 버튼 목록을 정리하고, 공통 `Button`으로 대체할 대상과 유지할 대상을 구분
  • `SettingsWithdrawalView.tsx`의 직접 작성한 `
`을 공통 `Button`으로 교체
  • `SettingsProfileView.tsx`, `SettingsLogoutModalContainer.tsx`, `SettingsTagsSectionContainer.tsx`의 `PillButton` 사용 정리
  • `SettingsCalendarDisconnectModal.tsx`, `SettingsWithdrawModalContainer.tsx`의 `ModalButton` 사용 정리
  • 버튼 variant·크기가 피그마 스펙과 일치하는지 확인
  • 타이머 아이콘을 피그마 기준 최신 아이콘으로 업데이트
  • ⏰ 예상 작업 기간

    📝 참고 링크(선택)

    • 공용 Button 컴포넌트: `packages/timo-design-system/src/components/button/button/Button.tsx`

    🗣️ ETC(선택)

    `PillButton`과 `ModalButton`을 공통 `Button`으로 바꿀지, 별도 variant로 남길지는 작업 전에 정해야 합니다.

    📸 피그마 스크린샷

    Activity

    1. self-assigned this
      on Oct 6, 2026
    2. added
      ♻ Refactor기능 개선 및 리팩토링 작업
      and removed
      ♻ Refactor기능 개선 및 리팩토링 작업
      on Oct 6, 2026
    Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

    Metadata

    Metadata

    Assignees

    Labels

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions