diff --git a/src/pages/events/s/EventView.tsx b/src/pages/events/s/EventView.tsx index a351e8c..f4ee2bf 100644 --- a/src/pages/events/s/EventView.tsx +++ b/src/pages/events/s/EventView.tsx @@ -2,13 +2,26 @@ import {Link, useParams, useSearchParams} from "react-router-dom"; import {usePB} from "@/lib/pocketbase.tsx"; import {useQuery} from "@tanstack/react-query"; import NotFound from "../../not-found/index.page.tsx"; -import {Accordion, Alert, Anchor, Breadcrumbs, Button, Center, Group, Loader, Title} from "@mantine/core"; +import { + Accordion, + ActionIcon, + Alert, + Anchor, + Breadcrumbs, + Button, + Center, + Group, + Loader, + Text, + Title +} from "@mantine/core"; import PBAvatar from "@/components/PBAvatar.tsx"; import InnerHtml from "@/components/InnerHtml"; import {IconArchive, IconExternalLink, IconEye, IconLogin, IconPencil, IconSectionSign} from "@tabler/icons-react"; import EventData from "@/pages/events/e/:eventId/EventComponents/EventData.tsx"; import EventListView from "@/pages/events/s/EventListView.tsx"; import {useEventRights} from "@/pages/events/util.ts"; +import {useLogin} from "@/components/users/modals/hooks.ts"; export default function SharedEvent() { @@ -30,6 +43,9 @@ export default function SharedEvent() { const {canEditEventList, canEditEvent} = useEventRights(eventQuery.data) + const {handler: loginHandler} = useLogin() + + if (eventQuery.isLoading) { return
} @@ -66,8 +82,27 @@ export default function SharedEvent() { {!user &&
- } color={"orange"}> - Um dich in eine Liste einzutragen, musst du dich anmelden + + + + } color={"orange"}> + Um dich in eine Liste für dieses Event einzutragen, musst du dich + {" "} + + anmelden oder einen Gastaccount erstellen +
}