[feat] mydashboard main page #24
Conversation
There was a problem hiding this comment.
μ λ‘컬μμ ν΄λ³΄λ €κ³ νκ±΄λ° λΈλ €κ°λ€μ.. λ΄λ²μ μ§μ°λλ‘νκ² μ΅λλ€ (μλ μ μ©νλμ§..?)
najitwo
left a comment
najitwo
left a comment
There was a problem hiding this comment.
μμ
μ΄ λκ² λΉ λ₯΄μλ€μ..π
λ³λ‘ μ½λ©νΈ λ릴 κ²μ μκ³ κ·Έλ₯ μκ²λλ§ κ°μ μ μ μλλ Έμ΅λλ€.
|
|
||
| export default function useDashboards({ pageSize }: UseDashboardsParams) { | ||
| const [page, setPage] = useState(1); | ||
| const { data } = useApi<GetDashboardsResponse>('/dashboards', { |
There was a problem hiding this comment.
λμ€μ isLoading λ κ°μ΄ λ°μμ€λ©΄ μ’μ κ±° κ°μ΅λλ€~
| }: { | ||
| currentPage: number; | ||
| totalPages: number; | ||
| onPageChange: (direction: 'next' | 'prev') => void; |
There was a problem hiding this comment.
νμ μ λΆλ¦¬ν΄μ£Όμλ©΄ κ°λ μ±μ λ μ’μ κ² κ°μ΅λλ€!
There was a problem hiding this comment.
μ next | prevλ§ λ°λ‘μ..?
| onPageChange: (direction: 'next' | 'prev') => void; | |
| type PageChangeDirection = 'next' | 'prev'; | |
| onPageChange: (direction: PageChangeDirection) => void; |
μλ°λλ λ§μνμλκ±° λ§μκΉμ?
μ¬κΈ°μλ°μ μμ¨κ°μ§κ΅¬ λ°λ‘ 보기 νΈνλλμ΄ μμ§μμ μμ΅λλ€...γ
γ
γ
γ
| src={ | ||
| isFirstPage | ||
| ? '/icons/arrow_left_light.svg' | ||
| : '/icons/arrow_left.svg' |
There was a problem hiding this comment.
λ³λλ‘ λ³μλ‘ λΆλ¦¬νλ©΄ μ΄λ¨κΉμ??
const leftArrowSrc = isFirstPage
? '/icons/arrow_left_light.svg'
: '/icons/arrow_left.svg';
const rightArrowSrc = isLastPage
? '/icons/arrow_right_light.svg'
: '/icons/arrow_right.svg';| <DashboardCard key={board.id} {...board} /> | ||
| ))} | ||
| </section> | ||
| {dashboards.length > 0 && ( |
There was a problem hiding this comment.
| {dashboards.length > 0 && ( | |
| {totalPages > 0 && ( |
μ¬κΈ°μ totalPages λ³μλ₯Ό μ΄μ©ν΄λ λ κ² κ°μ΅λλ€.
There was a problem hiding this comment.
λͺ¬κ°.. λμ보λκ° μμΌλ©΄~~ μ΄λ° μ¬κ³ νλ¦μΌλ‘ dashboards.length κ° μ’ λ μ§κ΄μ μ΄μ§ μμκΉ? μΆμ΅λλ€!
* β¨ feat: add mydashboard page dashboard cards * β¨ feat: add mydashboard add dashboard button * π style: mydashboard pagination css * π style: add non-visibility of pagination if dashboards does not exist * β¨ feat: add empty invitations * β»οΈ refactor: add button class specificity * π style: sidebar dashboard add padding and remove gap * π¨ refactor: extract arrow src to const
* β¨ feat: add mydashboard page dashboard cards * β¨ feat: add mydashboard add dashboard button * π style: mydashboard pagination css * π style: add non-visibility of pagination if dashboards does not exist * β¨ feat: add empty invitations * β»οΈ refactor: add button class specificity * π style: sidebar dashboard add padding and remove gap * π¨ refactor: extract arrow src to const
π Related Issue
π Description
πΈ Screenshot
π’ Notes