Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

[FE] 토스트 UI 구현 #391

Merged
merged 12 commits into from
Oct 10, 2024
Merged

[FE] 토스트 UI 구현 #391

merged 12 commits into from
Oct 10, 2024

Commits on Oct 10, 2024

  1. chore: 체크 svg를 재사용할 수 있도록 current 속성으로 변경

    @hwinkr
    hwinkr committed Oct 10, 2024
    Configuration menu
    Copy the full SHA
    39141fa View commit details
    Browse the repository at this point in the history

  2. chore: 경고 토스트를 보여줄 때, 사용할 svg 추가

    @hwinkr
    hwinkr committed Oct 10, 2024
    Configuration menu
    Copy the full SHA
    11dd9a2 View commit details
    Browse the repository at this point in the history

  3. chore: 필요없는 공백 제거

    @hwinkr
    hwinkr committed Oct 10, 2024
    Configuration menu
    Copy the full SHA
    8c08776 View commit details
    Browse the repository at this point in the history

  4. feat: 토스트 컴포넌트 구현 

    - 토스트의 타입에 따라서 아이콘, 아이콘의 배경색을 동적으로 결정할 수 있도록 구현
    @hwinkr
    hwinkr committed Oct 10, 2024
    Configuration menu
    Copy the full SHA
    134f526 View commit details
    Browse the repository at this point in the history

  5. design: 토스트 컴포넌트를 스타일링하기 위한 css 추가

    @hwinkr
    hwinkr committed Oct 10, 2024
    Configuration menu
    Copy the full SHA
    4ac9ffa View commit details
    Browse the repository at this point in the history

  6. test: 토스트 컴포넌트 UI 테스트

    @hwinkr
    hwinkr committed Oct 10, 2024
    Configuration menu
    Copy the full SHA
    a145ff7 View commit details
    Browse the repository at this point in the history

  7. feat: 토스트를 감싸는 컴포넌트 구현 

    - 토스트 컴포넌트 UI 테스트를 쉽게할 수 있도록, 토스트가 사라질 때 애니메이션을 적용하기 위한 상태를 관리하는 Wrapper 컴포넌트 구현
    @hwinkr
    hwinkr committed Oct 10, 2024
    Configuration menu
    Copy the full SHA
    b04edfe View commit details
    Browse the repository at this point in the history

  8. feat: 여러개의 토스트를 보여주기 위한 컴포넌트 구현

    @hwinkr
    hwinkr committed Oct 10, 2024
    Configuration menu
    Copy the full SHA
    ea057dd View commit details
    Browse the repository at this point in the history

  9. design: 토스트 목록 컴포넌트 스타일링을 위한 css 추가 

    - 사용자의 디바이스 너비에 따라서 동적으로 토스트 UI의 너비를 조절하기 위해 padding, width 속성 사용
    @hwinkr
    hwinkr committed Oct 10, 2024
    Configuration menu
    Copy the full SHA
    1a3ba4e View commit details
    Browse the repository at this point in the history

  10. feat: 전역으로 토스트의 렌더링 상태를 관리하기 위한 컨텍스트, 프로바이더 컴포넌트 구현 

    - 동일한 피드백을 전달하는 토스트가 이미 렌더링중이라면 추가적으로 렌더링되지 않도록 처리
    @hwinkr
    hwinkr committed Oct 10, 2024
    Configuration menu
    Copy the full SHA
    cc97375 View commit details
    Browse the repository at this point in the history

  11. test: 토스트 컴포넌트 폴더 구조 이동, 공통 스타일 추출, 버튼을 클릭했을 때 토스트 UI가 렌더링되는 스토리 추가

    @hwinkr
    hwinkr committed Oct 10, 2024
    Configuration menu
    Copy the full SHA
    c15ef17 View commit details
    Browse the repository at this point in the history

  12. chore: 토스트 UI 기본 시간 추가

    @hwinkr
    hwinkr committed Oct 10, 2024
    Configuration menu
    Copy the full SHA
    87c6600 View commit details
    Browse the repository at this point in the history