From 93a0184ec673368547993ac1741c661a1be71b60 Mon Sep 17 00:00:00 2001
From: Jonas Braathen <jonas@ponas.no>
Date: Mon, 5 Aug 2019 02:23:23 +0200
Subject: [PATCH] Use commas and 'and' when listing several organizers

---
 src/templates/event.js | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/src/templates/event.js b/src/templates/event.js
index 1fa83ce..3f21390 100644
--- a/src/templates/event.js
+++ b/src/templates/event.js
@@ -22,11 +22,18 @@ const formatPrices = (regular, student) => {
 }
 
 const formatOrganizers = organizers => {
-  return organizers.map(organizer => (
-    <span className="event-organizer">
-      <Link to={organizer.path}>{organizer.name}</Link>
-    </span>
+  const total = organizers.length
+  const elements = organizers.map((organizer, index) => (
+    <>
+      {total > 1 && index === total - 1 && <> og </>}
+      <span className="event-organizer">
+        <Link to={organizer.path}>{organizer.name}</Link>
+      </span>
+      {total > 1 && index < total - 2 && <>, </>}
+    </>
   ))
+
+  return elements
 }
 
 export const EventTemplate = ({