swipeable tabs using mantine carousel

2025-08-24 10:41:31 -05:00
parent fb1e4c3ee7
commit 1015f63f7e
6 changed files with 153 additions and 5 deletions
--- a/src/app/routes/__root.tsx
+++ b/src/app/routes/__root.tsx
@@ -1,5 +1,6 @@
 import '@mantine/core/styles.css';
 import '@mantine/dates/styles.css';
+import '@mantine/carousel/styles.css';
 import {
  HeadContent,
  Navigate,
--- a/src/app/routes/_authed/tournaments/$tournamentId.tsx
+++ b/src/app/routes/_authed/tournaments/$tournamentId.tsx
@@ -17,7 +17,7 @@ export const Route = createFileRoute('/_authed/tournaments/$tournamentId')({
    header: {
      collapsed: true,
      withBackButton: true,
-      settingsLink: context.auth.roles.includes("Admin") ? `/admin/tournaments/${params.tournamentId}` : undefined
+      settingsLink: context.auth.roles?.includes("Admin") ? `/admin/tournaments/${params.tournamentId}` : undefined
    },
    refresh: {
      toRefresh: tournamentQueries.details(params.tournamentId).queryKey,