[FE] FEAT: topNav 다크모드 토글 추가 #1649 #1690

gykoh42 · 2024-09-25T07:40:19Z

해당 사항 (중복 선택)

FEAT : 새로운 기능 추가 및 개선
FIX : 기존 기능 수정 및 정상 동작을 위한 간단한 추가, 수정사항
BUG : 버그 수정
REFACTOR : 결과의 변경 없이 코드의 구조를 재조정
TEST : 테스트 코드 추가
DOCS : 코드가 아닌 문서를 수정한 경우
REMOVE : 파일을 삭제하는 작업만 수행
RENAME : 파일 또는 폴더명을 수정하거나 위치(경로)를 변경
ETC : 이외에 다른 경우 - 어떠한 사항인지 작성해주세요.

설명

cabi 상단 네비게이션에 다크모드 토글을 추가합니다
프로필 페이지의 화면 스타일 카드와 다크모드 토글을 연동시킵니다

#1649

…는 버그 해결 #1649

…록 수정

#1649

frontend/src/Cabinet/components/Common/DarkModeToggleSwitch.tsx

jimchoi9

너무 귀엽고 좋네요~~ 상단의 토글과 프로필 페이지의 버튼 연동이 쉽지 않은 작업이라 생각해 외면하고 있었는데 ,지코님께서 cabi의 더 좋은 사용성을 위해 고생하시는 모습 정말 멋있습니다.. 고생 많으셨습니다!!

…사용하도록 변경 # 1649

jnkeniaem · 2024-10-23T04:23:29Z

가랏 지코몬

gykoh42 · 2024-10-23T06:14:55Z

너무 귀엽고 좋네요~~ 상단의 토글과 프로필 페이지의 버튼 연동이 쉽지 않은 작업이라 생각해 외면하고 있었는데 ,지코님께서 cabi의 더 좋은 사용성을 위해 고생하시는 모습 정말 멋있습니다.. 고생 많으셨습니다!!

ㅎㅎ 나름 뚝딱뚝딱하긴 했는데 혹시 코드에 이상하거나 질문 있으시면 언제든지 말씀해주세요!!! 감사합니당 👍👍

gykoh42 · 2024-10-23T06:16:13Z

가랏 지코몬

지코몬 출동🔥

jihyunk03

회의때 다크모드 관련 토글에 대해 여러번 이야기가 나오고 의견에 따라 계속 수정하시는 것을 봐왔는데 고생 많으셨습니다! 어드민 뿐만 아니라 사용자들도 편리하게 토글을 이용해서 화면을 전환할 수 있어서 너무 좋은 것 같아요!!

seonmiki · 2024-11-07T13:47:22Z

까비 / 수지회 각 페이지 내에서는 잘 동작하는데 토글 전환 후 까비 <-> 수지회 이동하면 적용된 토글이 사라지고 토글 클릭이 안됩니다,,ㅜ

2024-11-07.10.54.57.mov

…v/feat_admin_dark/#1649

wet6123

LGTM

gykoh42 and others added 29 commits June 30, 2024 12:42

[FE] FEAT: admin TopNavDomainGroup 우측 상단에 toggle 버튼 추가 #1649

90924d2

[FE] FEAT: ToggleContainer right 속성 조정 #1649

10d7b0a

[FE] FEAT: ToggleSwitch 클릭시 localStorage 값 update 하는 로직 추가 #1649

123f69d

[FE] FEAT: ToggleSwitch 대신 DarkModeToggleSwitch 로 대체 #1649

c6cc4ab

[FE] FEAT: DarkModeToggleSwitch 구현 #1649

5e5f59e

[FE] REFACT: DisplayStyleCard.container.tsx 리팩토링#1649

dc5c993

[FE] FEAT: ToggleKnob 크기 및 left 속성 조정 #1649

3cbb2c1

[FE] FEAT: 다크모드 토글을 위한 moonAdmin.svg 추가 #1649

ff63c15

[FE] FEAT: 다크모드 토글을 위한 sunAdmin.svg 추가 #1649

5ce56b8

[FE] FEAT: 다크모드 토글에 아이콘 적용 #1649

bd01622

[FE] FEAT: 다크모드 토글에 아이콘 색상 변경 #1649

3a4a27b

[FE] FIX: admin coin그래프 깨지는 버그 수정 #1649

c11e56f

[FE] FEAT: sunAdmin.svg 색상 변경 #1649

319bb33

[FE] FIX: TopNavDomainGroup 에 올바르지 않은 로고 색상 적용되는 문제 해결 #1649

957002f

[FE] FEAT: DisplayStyleCard.container 파일 dev 브랜치 파일로 복구 #1649

a63da51

[FE] FEAT: DarkModeToggleSwitch 의 초기값을 기기 설정값으로 적용하는 로직 추가 #1649

22593b5

[FE] FEAT: TopNavDomainGroup 에 수정한 DarkModeToggleSwitch 추가 #1649

392abb3

[FE] FIX: 토글 버튼으로 화면 모드 설정한 상태에서 기기 설정으로 모드 변경시 토글 버튼을 두번 클릭해야 값이 변경되…

35ef96c

…는 버그 해결 #1649

[FE] FEAT: tmp push

03219d3

[FE] Chore: tmp push

c420d0e

[FE] FEAT: displayStyleState 추가 #1649

1ae685a

[FE] FEAT: recoil로 토글 스위치와 프로필 버튼 통합 #1649

05459aa

[FE] FEAT: DisplayStyleCard 및 DisplayStyleCard container 에 props 받아지도…

e4e88ce

…록 수정

[FE] FEAT: useRecoilState 적용 #1649

274efd7

[FE] FEAT: useEffect 에 body 부분 바꾸는 로직 추가 #1649

bba18dc

[FE] FIX: DarkModeToggleSwitch 버그 해결 및 코드 리팩토링 #1649

0b7e061

[FE] FEAT: 컨벤션에 맞도록 컴포넌트명 수정 #1649

6cd7b0a

[FE] FEAT: toggleType이 DEVICE 일때만 darkMode 상태가 업데이트 되도록 구현 #1649

8a64ec8

[FE] FIX: 화면 새로고침 시 displayStyleType 의 초깃값으로 인해 다크 모드 토글 노브가 깜빡이는 문제 해결

60dfde7

#1649

gykoh42 added the FE Frontend tasks label Sep 25, 2024

gykoh42 added 2 commits September 30, 2024 23:54

[FE] FEAT: DisplayStyleCard.container 에 불필요한 handleButtonClick props 제거

eb933b5

#1649

[FE] FEAT: DisplayStyleCard.container 에 불필요한 handleButtonClick props 제거

d9d38ad

#1649

jnkeniaem reviewed Oct 4, 2024

View reviewed changes

jimchoi9 approved these changes Oct 15, 2024

View reviewed changes

gykoh42 added 3 commits October 22, 2024 16:10

[FE] FEAT: 불필요한 의존성 삭제 및 함수명 변경 #1649

1fae244

[FE] FEAT: getSavedToggleType 대신 savedDisplayStyleToggle 을 export 해서 …

547fe37

…사용하도록 변경 # 1649

[FE] FIX: device 모드일 때 토글을 두번 클릭해야 모드가 바뀌는 버그 해결 #1649

abbdaff

gykoh42 marked this pull request as ready for review October 25, 2024 07:24

gykoh42 and others added 2 commits October 25, 2024 16:27

[FE] FEAT: currentSectionNameState 추가 #1649

b1415b8

Merge branch 'dev' into fe/dev/feat_admin_dark/#1649

601939e

gykoh42 changed the title ~~[FE] FEAT: admin 페이지 다크모드 토글 추가 #1649~~ [FE] FEAT: topNav 다크모드 토글 추가 #1649 Oct 28, 2024

jihyunk03 approved these changes Nov 4, 2024

View reviewed changes

gykoh42 added the no stale stale 처리 워크플로우로 삭제되는 것을 방지하는 label label Nov 27, 2024

gykoh42 and others added 10 commits November 30, 2024 20:00

[FE] Chore: 임시 커밋 #1649

dfa5d9b

[FE] FIX: 토글 변경 후 까비와 수지회를 이동할 시 토글 적용 안되는 버그 해결 #1649

c21ce67

Merge branch 'dev' of github.com:innovationacademy-kr/Cabi into fe/de…

9c57158

…v/feat_admin_dark/#1649

[FE] FIX: 초기 깜빡임 문제 해결을 위한 getDisplayStyleFromLocalStorage 함수 도입 #1649

35de4ca

[FE] FIX: updateBodyDisplayStyle 생성 & 적용 #1649

4301c42

[FE] FIX: updateLocalStorageDisplayStyleToggle 생성 & 적용 #1649

15bba7a

[FE] FIX: isDeviceDarkMode 생성 & 적용 #1649

fb0c171

[FE] FEAT: 가독성을 위해 displayStyleToggle 을 toggleType 으로 변경 #1649

6d0b837

[FE] REFACTOR: 반복되는 로직 utils 파일과 custom hook 으로 분리 #1649

ad9486c

[FE] REFACTOR: 반복되는 로직 custom hook 에 추가 #1649

9038ebd

wet6123 approved these changes Dec 19, 2024

View reviewed changes

gykoh42 merged commit 3df2085 into dev Dec 19, 2024
1 check passed

gykoh42 deleted the fe/dev/feat_admin_dark/#1649 branch December 19, 2024 09:03

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

[FE] FEAT: topNav 다크모드 토글 추가 #1649 #1690

[FE] FEAT: topNav 다크모드 토글 추가 #1649 #1690

gykoh42 commented Sep 25, 2024 •

edited

Loading

jimchoi9 left a comment

jnkeniaem commented Oct 23, 2024

gykoh42 commented Oct 23, 2024

gykoh42 commented Oct 23, 2024

jihyunk03 left a comment

seonmiki commented Nov 7, 2024 •

edited

Loading

wet6123 left a comment

[FE] FEAT: topNav 다크모드 토글 추가 #1649 #1690

[FE] FEAT: topNav 다크모드 토글 추가 #1649 #1690

Conversation

gykoh42 commented Sep 25, 2024 • edited Loading

해당 사항 (중복 선택)

설명

jimchoi9 left a comment

Choose a reason for hiding this comment

jnkeniaem commented Oct 23, 2024

gykoh42 commented Oct 23, 2024

gykoh42 commented Oct 23, 2024

jihyunk03 left a comment

Choose a reason for hiding this comment

seonmiki commented Nov 7, 2024 • edited Loading

wet6123 left a comment

Choose a reason for hiding this comment

gykoh42 commented Sep 25, 2024 •

edited

Loading

seonmiki commented Nov 7, 2024 •

edited

Loading