Hide prev/next buttons, make PostNavigation more generic

2 files changed, 6 insertions, 60 deletions

diff --git a/src/components/EventNavigation.astro b/src/components/EventNavigation.astro
deleted file mode 100644
index f1b76ce..0000000
--- a/src/components/EventNavigation.astro
+++ /dev/null
@@ -1,54 +0,0 @@
----
-import Link from '@/components/Link.astro'
-import { buttonVariants } from '@/components/ui/button'
-import { cn } from '@/lib/utils'
-import { Icon } from 'astro-icon/components'
-
-const { newerEvent, olderEvent } = Astro.props
----
-
-<nav class={cn('col-start-2 grid grid-cols-1 gap-4', 'sm:grid-cols-2')}>
-  <Link
-    href={olderEvent ? `/events/${olderEvent.id}#event-title` : '#'}
-    class={cn(
-      buttonVariants({ variant: 'outline' }),
-      'rounded-lg group flex items-center justify-start size-full',
-      !olderEvent && 'pointer-events-none opacity-50 cursor-not-allowed',
-    )}
-    aria-disabled={!olderEvent}
-  >
-    <Icon
-      name="lucide:arrow-left"
-      class="mr-2 size-4 transition-transform group-hover:-translate-x-1"
-    />
-    <div class="flex flex-col items-start overflow-hidden text-wrap">
-      <span class="text-muted-foreground text-left text-xs">
-        Previous Event
-      </span>
-      <span class="w-full text-left text-sm text-balance text-ellipsis">
-        {olderEvent?.data.title || "You're at the oldest event!"}
-      </span>
-    </div>
-  </Link>
-
-  <Link
-    href={newerEvent ? `/events/${newerEvent.id}#event-title` : '#'}
-    class={cn(
-      buttonVariants({ variant: 'outline' }),
-      'rounded-lg group flex items-center justify-end size-full',
-      !newerEvent && 'pointer-events-none opacity-50 cursor-not-allowed',
-    )}
-    aria-disabled={!newerEvent}
-  >
-    <div class="flex flex-col items-end overflow-hidden text-wrap">
-      <span class="text-muted-foreground text-right text-xs"> Next Event </span>
-      <span class="w-full text-right text-sm text-balance text-ellipsis">
-        {newerEvent?.data.title || "You're at the newest event!"}
-      </span>
-    </div>
-    <Icon
-      name="lucide:arrow-right"
-      class="ml-2 size-4 transition-transform group-hover:translate-x-1"
-    />
-  </Link>
-</nav>
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}
   >