GauthierWebDev/memento-dev
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: GauthierWebDev:27ba0f74a11d61109b158b0d3f4be8d488ef22ac
Branches Tags
GauthierWebDev:main
GauthierWebDev:docs/cda
...
compare: GauthierWebDev:be98d93c9a653a7f56734f7dd8920694137d1236
Branches Tags
GauthierWebDev:docs/cda
GauthierWebDev:main

2 Commits
27ba0f74a1 ... be98d93c9a

Author SHA1 Message Date
GauthierWebDev
be98d93c9a fix: Update logic to skip next page if it's the same 2025-04-18 10:23:40 +02:00
GauthierWebDev
86ebff52e2 style: Update line heights and margins in PrevNextLinks 2025-04-18 10:22:12 +02:00
1 changed files with 9 additions and 3 deletions
Show Stats Expand all files Collapse all files

12
app/components/syntax/PrevNextLinks.tsx
View File

@ -40,9 +40,9 @@ function PageLink({
>
<p className="flex flex-col gap-0">
{pageCategory && (
<span className="text-violet-600 dark:text-violet-400 text-sm -mb-3">{pageCategory.title}</span>
<span className="text-violet-600 dark:text-violet-400 text-sm mb-1 leading-3">{pageCategory.title}</span>
)}
<span>{title}</span>
<span className="leading-4">{title}</span>
</p>
<ArrowIcon className={clsx("h-6 w-6 flex-none fill-current", dir === "previous" && "-scale-x-100")} />
</Link>
@ -65,7 +65,13 @@ export function PrevNextLinks() {
if (linkIndex === -1) return [null, null];
const previousPage = allLinks[linkIndex - 1] || null;
const nextPage = allLinks[linkIndex + 1] || null;
let nextPage = allLinks[linkIndex + 1] || null;
// In case the next page is the same as the current page (in subitems),
// we need to skip it to get the correct next page.
if (nextPage.href === urlPathname) {
nextPage = allLinks[linkIndex + 2] || null;
}
return [previousPage, nextPage];
};