aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/PostNavigation.astro
diff options
context:
space:
mode:
authorNikhil M Warrier <nikhilmw.dev@gmail.com>2026-03-03 08:27:28 +0530
committerNikhil M Warrier <nikhilmw.dev@gmail.com>2026-03-03 08:34:14 +0530
commitb1cc6aef5d01b59daf64d12a8e9264324540d8b7 (patch)
tree591654de2cfefa5ed635f900547446dd2624e573 /src/components/PostNavigation.astro
parentb6d2a052bd9db4dd8f687f0e8084ff0278d4c9d6 (diff)
Hide prev/next buttons, make PostNavigation more generic
Diffstat (limited to 'src/components/PostNavigation.astro')
-rw-r--r--src/components/PostNavigation.astro12
1 files changed, 6 insertions, 6 deletions
diff --git a/src/components/PostNavigation.astro b/src/components/PostNavigation.astro
index 8dc2db5..bca228a 100644
--- a/src/components/PostNavigation.astro
+++ b/src/components/PostNavigation.astro
@@ -4,7 +4,7 @@ import { buttonVariants } from '@/components/ui/button'
import { cn } from '@/lib/utils'
import { Icon } from 'astro-icon/components'
-const { newerPost, olderPost, parentPost } = Astro.props
+const { newerPost, olderPost, parentPost, baseURL } = Astro.props
const isSubpost = !!parentPost
---
@@ -15,11 +15,11 @@ const isSubpost = !!parentPost
)}
>
<Link
- href={olderPost ? `/blog/${olderPost.id}#post-title` : '#'}
+ href={olderPost ? `${baseURL}${olderPost.id}#post-title` : '#'}
class={cn(
buttonVariants({ variant: 'outline' }),
'rounded-lg group flex items-center justify-start size-full',
- !olderPost && 'pointer-events-none opacity-50 cursor-not-allowed',
+ !olderPost && 'pointer-events-none opacity-0 cursor-not-allowed',
)}
aria-disabled={!olderPost}
>
@@ -43,7 +43,7 @@ const isSubpost = !!parentPost
{
isSubpost && (
<Link
- href={parentPost ? `/blog/${parentPost.id}#post-title` : '#'}
+ href={parentPost ? `${baseURL}${parentPost.id}#post-title` : '#'}
class={cn(
buttonVariants({ variant: 'outline' }),
'group flex size-full items-center justify-center rounded-lg',
@@ -67,11 +67,11 @@ const isSubpost = !!parentPost
}
<Link
- href={newerPost ? `/blog/${newerPost.id}#post-title` : '#'}
+ href={newerPost ? `${baseURL}${newerPost.id}#post-title` : '#'}
class={cn(
buttonVariants({ variant: 'outline' }),
'rounded-lg group flex items-center justify-end size-full',
- !newerPost && 'pointer-events-none opacity-50 cursor-not-allowed',
+ !newerPost && 'pointer-events-none opacity-0 cursor-not-allowed',
)}
aria-disabled={!newerPost}
>