aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/EventNavigation.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/EventNavigation.astro
parentb6d2a052bd9db4dd8f687f0e8084ff0278d4c9d6 (diff)
Hide prev/next buttons, make PostNavigation more generic
Diffstat (limited to 'src/components/EventNavigation.astro')
-rw-r--r--src/components/EventNavigation.astro54
1 files changed, 0 insertions, 54 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>