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.

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

Impl banner component #41

Merged
merged 3 commits into from
Nov 25, 2024
Merged

Impl banner component #41

merged 3 commits into from
Nov 25, 2024

Conversation

malloc3141
Copy link
Contributor

@malloc3141 malloc3141 commented Nov 17, 2024

요약 *

It closes #40

일단 public 폴더에 temp로 사진 파일들 추가해서 구현했습니다. 추후에 onClick도 넣을 수 있게 했어요

양옆 화살표 버튼으로 이미지 넘길 수 있고 5초마다 자동으로 다음으로 넘어가게 구현되어 있습니다.

수정 - alt text를 커스텀으로 넣을 수 있고 현재 사진이 몇번째인지 아래에 보여요

스크린샷

수정 전 -
image

수정 후 -
image

이후 Task *

  • 없음

@malloc3141 malloc3141 added enhancement New feature or request frontend labels Nov 17, 2024
@malloc3141 malloc3141 self-assigned this Nov 17, 2024
Copy link
Contributor

@wjeongchoi wjeongchoi left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

작동 잘 하네요!
코멘트에 제안사항 확인해주세요
그리고 작동해보면서 생각한건데 이게 몇번째 배너인지 1/3 이런식으로 적어주거나 점 n개 찍어서 현재 보여주고 있는 배너가 몇번째인지 볼 수 있으면 좋을 것 같아요 점 n개로 할 경우 그 점 클릭하면 해당 배너로 이동해도 괜찮을 것 같아요!

packages/web/src/common/components/Banner/Banner.tsx Outdated Show resolved Hide resolved
packages/web/src/common/components/Banner/Banner.tsx Outdated Show resolved Hide resolved
@wjeongchoi
Copy link
Contributor

이거 pr 이미지 업데이트 해주세요!

@malloc3141
Copy link
Contributor Author

이미지 업데이트를 까먹었네요! 추가해놓았습니다

Copy link
Contributor

@wjeongchoi wjeongchoi left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

index text만 수정해주세요!

Comment on lines +97 to +99
<IndexWrapper>
{currentIndex + 1} / {images.length}
</IndexWrapper>
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

이거 typography에다가 style 추가한 걸로 수정해주세요!

@malloc3141 malloc3141 merged commit 3093421 into dev Nov 25, 2024
1 check passed
@malloc3141 malloc3141 deleted the 40-impl-banner-component branch November 25, 2024 12:29
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request frontend
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Add Banner Component
2 participants