From c0396ebec3e731ff7eb98c0d812f400d75df31aa Mon Sep 17 00:00:00 2001
From: henrikskog <henrikskog01@gmail.com>
Date: Wed, 30 Aug 2023 21:29:23 +0200
Subject: [PATCH] Add button for adding event to cal

---
 src/events/components/DetailView/AttendanceEvent.tsx | 5 ++++-
 src/events/components/DetailView/detail.less         | 8 ++++++++
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/events/components/DetailView/AttendanceEvent.tsx b/src/events/components/DetailView/AttendanceEvent.tsx
index f2fc2795..5fc0eba9 100644
--- a/src/events/components/DetailView/AttendanceEvent.tsx
+++ b/src/events/components/DetailView/AttendanceEvent.tsx
@@ -16,7 +16,7 @@ import Attendance from '../Attendance';
 import { attendeeSelectors, fetchAttendeeByEventId, patchAttendee } from 'events/slices/attendees';
 import EventPaymentBlock from '../EventPayment/EventPaymentBlock';
 import EventPrice from '../EventPayment/EventPrice';
-import { Select } from '@dotkomonline/design-system';
+import { Button, Select } from '@dotkomonline/design-system';
 import { IExtra } from '../../models/Extras';
 import PublicAttendeesWrapper from './PublicAttendeesModal/PublicAttendeesWrapper';
 import ParticipantsButton from './PublicAttendeesModal/ParticipantsButton';
@@ -109,6 +109,9 @@ const AttendanceEvent: FC<IProps> = ({ eventId, eventTitle }) => {
         <PublicAttendeesWrapper isAttending={attendanceEvent.is_attendee} canAttend={isEligibleForSignup}>
           <ParticipantsButton eventTitle={eventTitle} eventId={eventId} />
         </PublicAttendeesWrapper>
+        <a href={`https://old.online.ntnu.no/events/${eventId}.ics`} className={style.calendarButton}>
+          <Button variant="outline">Legg til i kalender</Button>
+        </a>
       </div>
       {attendanceEvent.payment && (
         <Block title="Pris" className={`${style.fullBlock} ${style.priceBlock}`}>
diff --git a/src/events/components/DetailView/detail.less b/src/events/components/DetailView/detail.less
index 2f882da6..3f6b0783 100644
--- a/src/events/components/DetailView/detail.less
+++ b/src/events/components/DetailView/detail.less
@@ -165,3 +165,11 @@
 .priceBlock {
   text-align: center;
 }
+
+.calendarButton {
+  margin-top: 1em;
+}
+
+.calendarButton > button {
+  width: 100%;
+}