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

[FE] 자동 로그인 버그 해결 및 메인 페이지 디자인 수정 #938

Merged
merged 8 commits into from
Nov 6, 2024

Conversation

ooherin
Copy link
Contributor

@ooherin ooherin commented Nov 5, 2024

❗ Issue

✨ 구현한 기능

  • 자동 로그인이 refresh / accessToken 모두 있을 때 안되는 오류 해결
  • 실시간 주소 => 현위치 찾기로 네이밍 수정
  • 메인 페이지 일부 디자인 변경

헤일리 디자인이랑 위에 articleKeyword 부분이 다르긴한데, 후버했을 때 느낌도 보면 이게 더 예쁜 것 같더라고요! 이렇게 픽스해도 될까요??
(참고로 after 사진의 노란색 카드는 후버된 색상입니다)

before after
스크린샷 2024-11-05 오후 5 40 46 스크린샷 2024-11-05 오후 5 41 14

📢 논의하고 싶은 내용

🎸 기타

@ooherin ooherin self-assigned this Nov 5, 2024
Copy link

github-actions bot commented Nov 5, 2024

Copy link

github-actions bot commented Nov 5, 2024

Copy link
Contributor

@healim01 healim01 left a comment

Choose a reason for hiding this comment

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

자잘한 코드 컨벤션 추가를 위한 코멘트 하나 있습니다~!

호버될때 색상이 바뀌는 것도 좋은거 같네요~

@@ -51,7 +53,7 @@ const S = {

background-color: ${({ bgColor }) => bgColor};

color: ${theme.palette.white};
color: ${theme.palette.black};
Copy link
Contributor

Choose a reason for hiding this comment

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

저희 여기는 왜 그냥 theme import 로 되어있을까용? 수정할 때 한번 수정되면 좋을거 같아요~!

내부에서 사용할 때는 useTheme 을 사용해보면 어떨까요? ThemeProvider 를 모두 사용하는 것에서 코드 통일성을 챙길 수 있을거 같아요~!

Copy link
Contributor Author

Choose a reason for hiding this comment

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

오 컨벤션이 빠져 있군요 좋은 것 같네여!

Comment on lines 46 to 48
:hover {
background-color: ${({ theme }) => theme.palette.green600};
}
Copy link
Contributor

Choose a reason for hiding this comment

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

여기에 active 도 추가하면 어떨까요?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

굿굿입니다

Comment on lines 15 to 24
if (!isAccessTokenExist) {
try {
await postReissueAccessToken();
const result = await getUserInfo();
showToast({ message: `${result?.userName}님, 환영합니다.`, type: 'confirm' });
return navigate(ROUTE_PATH.home);
await autoLogin();
} catch (err) {
return await deleteToken();
}
} else {
await autoLogin();
}
Copy link
Contributor

@skiende74 skiende74 Nov 5, 2024

Choose a reason for hiding this comment

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

if 내에서도 autoLogin()을 하고
else에서도 autoLogin()을 한다는 말은 항상할거라는 말인데
autoLogin을 그냥밖으로 빼내고 else문을 제거할수있을거같네요

if (!isAccessTokenExist) {
      try {
        await postReissueAccessToken();
      } catch (err) {
        return await deleteToken();
      }
  } 
await autoLogin();

Copy link
Contributor Author

Choose a reason for hiding this comment

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

훨씬 간결해졌네요~!좋습니다!

@skiende74
Copy link
Contributor

새로운 방 체크버튼 강조디자인이 적용되었네요. 메인페이지도 예쁜거 같습니다. 수고하셨습니다

Copy link

github-actions bot commented Nov 5, 2024

Copy link

github-actions bot commented Nov 6, 2024

@ooherin ooherin merged commit 0fc4fb5 into dev-fe Nov 6, 2024
3 checks passed
@ooherin ooherin deleted the fix/935-autologin branch November 6, 2024 01:22
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants