diff --git a/lego-webapp/pages/events/@eventId/administrate/attendees/+Page.tsx b/lego-webapp/pages/events/@eventId/administrate/attendees/+Page.tsx index 943662d014..82d1b9a5d1 100644 --- a/lego-webapp/pages/events/@eventId/administrate/attendees/+Page.tsx +++ b/lego-webapp/pages/events/@eventId/administrate/attendees/+Page.tsx @@ -1,7 +1,10 @@ -import { Flex } from '@webkom/lego-bricks'; +import { Flex, Icon } from '@webkom/lego-bricks'; +import { FileDown } from 'lucide-react'; import moment from 'moment-timezone'; import { ContentMain } from '~/components/Content'; import EmptyState from '~/components/EmptyState'; +import Tooltip from '~/components/Tooltip'; +import { getCsvUrl } from '~/pages/events/utils'; import { useAppSelector } from '~/redux/hooks'; import { selectRegistrationGroups, @@ -65,7 +68,16 @@ const Attendees = () => { -

Påmeldte

+ +

Påmeldte

+ + } + size={19} + /> + +
{`${registerCount}/${event?.registrationCount || '?'} ${ diff --git a/lego-webapp/pages/events/utils.ts b/lego-webapp/pages/events/utils.ts index b643fc746e..85b7451e21 100644 --- a/lego-webapp/pages/events/utils.ts +++ b/lego-webapp/pages/events/utils.ts @@ -1,3 +1,4 @@ +import { EntityId } from '@reduxjs/toolkit'; import { pick, sumBy, find } from 'lodash'; import moment from 'moment-timezone'; import { EventType } from '~/redux/models/Event'; @@ -364,6 +365,9 @@ export const transformEventStatusType = (eventStatusType: string) => { ); }; +export const getCsvUrl = (eventId: EntityId) => + `${appConfig.serverUrl}/events/${eventId}/csv/`; + export const getEventSemesterFromStartTime = ( startTime: Dateish, ): EventSemester => { diff --git a/lego-webapp/pages/sudo/achievements/+Page.tsx b/lego-webapp/pages/sudo/achievements/+Page.tsx index 8d64b21398..bb93dccaeb 100644 --- a/lego-webapp/pages/sudo/achievements/+Page.tsx +++ b/lego-webapp/pages/sudo/achievements/+Page.tsx @@ -1,4 +1,4 @@ -import { Button, Card, ConfirmModal, Flex, Page } from '@webkom/lego-bricks'; +import { Button, ConfirmModal, Flex, Page } from '@webkom/lego-bricks'; import { Helmet } from 'react-helmet-async'; import ContentMain from '~/components/Content/ContentMain'; import HTTPError from '~/components/errors/HTTPError';