Add google calender button for meetings

[nilsvselte]

Description

Knapp på møter for å legge til møtet i Google Calender

Result

Knapp

• Changes look good on both light and dark theme.
• Changes look good with different viewports (mobile, tablet, etc.).
• Changes look good with slower Internet connections.

Before	After

Testing

Hadde bare muligheten til å teste med møter jeg selv er en del av, fungerer dog feilfritt med disse.
Løser
Frustrasjon over at det ikke var en knapp der.

[ivarnakken]

Hi! 👋

Thanks a lot for contributing!

Although this is very useful in itself, it is actually something we already support. If you navigate to https://abakus.no/events and scroll all the way down (see image below) you are able to add both meetings and events to your calendar of liking. However, I can see how this feature is quite hidden from the user, so perhaps we can add these links to the meeting page as well? I think that would be super useful

In my opinion, the current "implementation" is more robust and "ideal" as it will automatically sync everything, so the user does not have to manually add every meeting to the calendar.

Thoughts?

[ivarnakken]

The code itself looks mostly good, but let's figure out what we want before doing anything 😄

[ivarnakken]

I think it's easier to only pass the meeting object as the prop and then destruct it in the AddToCalender component

Suggested change

	title={meeting.title}
	startTime={meeting.startTime}
	endTime={meeting.endTime}
	description={meeting.description}
	location={meeting.location}
	meeting={meeting}

[nilsvselte]

Ahh yes, is there a common ancestor for meetings and events? The idea was for it to be easily utilized in other scenarios aswell

[ivarnakken]

Not to be a nerd, but it's actually written Google Calendar 🤓👆

[ivarnakken]

Is the <div> needed?

[norbye]

I like it!

In my opinion there is no harm in implementing both the calendar sync and add a single event to calendar - as they might cater to different wishes.

And actually placing it inside the meeting details as Nils does is a genius move as that is where you are when you think of your meetings.

Proposed idea of the next iteration for this;

We can create a toggle, like MazeMap on the event pages, with something like "Legg til i kalender", which would open a section where the user can

1. Add just this event to your calendar

2. Synchronize all your meetings to your calendar automatically

3. Synchronize all your meetings and events to your calendar automatically

This way it is in a much more visible place than it is right now, without taking up too much space and giving the possibility to explain the different options

[nilsvselte]

I can make a draft for the toggle idea, and you guys can discuss it later if you decide it is appropriate:))

[falbru]

Great job! 🔥

Although we already have a similar feature implemented, this is a very good reminder that it's too hidden for the average user. Moving it to the meeting view like you've done is a very good idea! If you could implement something similar to what @norbye proposed, that would be awesome!

[nilsvselte]

I added a proposal for the toggle, I don't know the backend though and it seems like the current calendar options utelize the backend so I could not implement the other options. I can take a look at it when there is less school 😅

[norbye]

Changed the design slightly with a new suggested look, and moved it to under the map as I'd think you need the map more frequently than you need the export

Hidden	Visible

[ivarnakken]

This looks good!

Just some nitpick hehe

[norbye]

Just some nitpick hehe

I would expect nothing else 💯

[ivarnakken]

[norbye]

@nilsvselte I don't think you have permission to give approving reviews on this on github, but as it is your PR I'd love to hear it if you have any thoughts about the changes before I merge and deploy it:)

[nilsvselte]

No, it looks great:) Learned a lot, thank you ❤️

[falbru]

Great work!

[ivarnakken]

Ran it through our CI now - no errors! 🎉 I will merge this and deploy it by the end of the day

Awesome job! Thanks again for contributing! 😄