Closed oceanlee-seoul closed 2 months ago
그리고 저희가 설정한 tailwind-config color들 위와 같은 warning 나오네요?!
저는 text-black-33 만 그게 뜨는 거 같아요!!
반응형 관련 : 대시보드 이름이 길고, 뷰포트가 엄청나게 좁지 않으면 저렇게 컬러 선택 버튼이 그대로 있어도 괜찮은 것 같습니다.
모바일도 있어서 컬러 아래로 내리거나 시안처럼 하나로 줄이긴 해야할 것 같아요!
API 관련 : 제가 구현한 대시보드 수정 컴포넌트는 수정 버튼 클릭 시 refetch 함수로 새로고침하는데 sidebar에 정보는 refetch가 안이루어지네요?! 사이드바랑 연동되면 좋을 것 같은데 어떻게 하면 될까요?!
저는 아래처럼 queryKey찾아서 refetch 시켰습니다 🫡
useFetchData<DashboardsResponse>(['dashboards', currentChunk], () =>
getDashboardsList('pagination', currentChunk, 5),
);
queryClient.invalidateQueries({ queryKey: ['dashboards'] });
queryClient.invalidateQueries({ queryKey: ['sideDashboards'] });
반응형 관련 : 대시보드 이름이 길고, 뷰포트가 엄청나게 좁지 않으면 저렇게 컬러 선택 버튼이 그대로 있어도 괜찮은 것 같습니다. 혹시 다른 아이디어 있으면 얘기해주세용!!
확실히 있는게 더 편해서 좋을거 같습니다 공간이 없을때는 드롭다운으로 만들면 좋을거 같네요 🤔
그리고 저희가 설정한 tailwind-config color들 위와 같은 warning 나오네요?!
제 프로젝트에서는 에러가 안나와서 혹시 vscode를 껏다 켜도 동일하다면 콘솔창에서 출력에 Prettier, ESLint 확인해서 알려주시면 감사하겠습니다! 🫡
API 관련
-> 저도 민재님 코멘트 잘 읽었습니다 👍
반응형 관련 : 대시보드 이름이 길고, 뷰포트가 엄청나게 좁지 않으면 저렇게 컬러 선택 버튼이 그대로 있어도 괜찮은 것 같습니다. 혹시 다른 아이디어 있으면 얘기해주세용!!
-> 저는 컬러선택 버튼은 한 눈에 보이는게 좋을 것 같다 생각해요!! flex 이용해서 6개~>3개+3개 로 줄바꿈해도 괜찮을 것 같네요!
대양님 고생하셨습니다 :)
반응형 위와 같이 만들어봤습니다. 최소 사이즈로 줄여도 깨지는 부분 없네요. 다들 괜찮으실까요?!
고생하셨습니다!! 👍🫡
연관된 이슈
작업 내용
대시보드 수정 페이지에 대시보드 정보 수정 컴포넌트를 구현
스크린샷
코멘트 및 논의 사항
API 관련 : 제가 구현한 대시보드 수정 컴포넌트는 수정 버튼 클릭 시 refetch 함수로 새로고침하는데 sidebar에 정보는 refetch가 안이루어지네요?! 사이드바랑 연동되면 좋을 것 같은데 어떻게 하면 될까요?!
반응형 관련 : 대시보드 이름이 길고, 뷰포트가 엄청나게 좁지 않으면 저렇게 컬러 선택 버튼이 그대로 있어도 괜찮은 것 같습니다. 혹시 다른 아이디어 있으면 얘기해주세용!!
그리고 저희가 설정한 tailwind-config color들 위와 같은 warning 나오네요?!