HideyoshiNakazone/hideyoshi-blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add article page and not found component with markdown rendering

Browse Source
This commit is contained in:
Vitor Hideyoshi
2026-04-10 23:24:41 -03:00
parent 792627b0f0
commit 87a5d82c74
8 changed files with 1619 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/ui/components/internal/article-list-pagination.tsx
View File

@@ -32,14 +32,17 @@ export const ArticleListPagination = ({
const pages = getPageNumbers(currentPage, totalPages);
return (
<nav className='flex items-center gap-1' aria-label='Article pagination'>
<nav
className='flex items-center gap-1'
aria-label='Article pagination'
>
<Link
href={buildUrl(currentPage - 1)}
aria-disabled={currentPage <= 1}
aria-label='Previous page'
className={cn(
'flex size-9 items-center justify-center rounded-lg border border-border bg-card transition-colors hover:bg-muted',
currentPage <= 1 && 'pointer-events-none opacity-40',
currentPage <= 1 && 'pointer-events-none opacity-40'
)}
>
<ChevronLeftIcon className='size-4' />
@@ -62,12 +65,12 @@ export const ArticleListPagination = ({
'flex size-9 items-center justify-center rounded-lg border text-sm font-medium transition-colors',
page === currentPage
? 'border-foreground bg-foreground text-background'
: 'border-border bg-card hover:bg-muted',
: 'border-border bg-card hover:bg-muted'
)}
>
{page}
</Link>
),
)
)}
<Link
@@ -76,7 +79,8 @@ export const ArticleListPagination = ({
aria-label='Next page'
className={cn(
'flex size-9 items-center justify-center rounded-lg border border-border bg-card transition-colors hover:bg-muted',
currentPage >= totalPages && 'pointer-events-none opacity-40',
currentPage >= totalPages &&
'pointer-events-none opacity-40'
)}
>
<ChevronRightIcon className='size-4' />