add links

src/Events.js

@@ -3,9 +3,21 @@ import { useEffect, useState } from 'preact/hooks'
 const endpoint = 'https://kultar.sout.no/events/'
 const fetch_options = {}
 
-function Tickets({ ticket_link }) {
-  console.log(ticket_link)
-  return <a href="">Biletter</a>
+function Facebook({ event_id }) {
+  const facebook_event_url = `https://facebook.com/events/${event_id}/`
+  return (
+    <a href={facebook_event_url} title="Åpne facebookarrangement.">
+      Facebook
+    </a>
+  )
+}
+
+function Tickets({ ticket_url }) {
+  return (
+    <a href={ticket_url} title="Kjøp billett hos kultar.">
+      Kjøp billett
+    </a>
+  )
 }
 
 function Time({ date }) {
@@ -44,15 +56,28 @@ function Location({ location }) {
 
   return ''
 }
+function Links({ event_id, ticket_url }) {
+  if (ticket_url !== null) {
+    return (
+      <>
+        <Tickets ticket_url={ticket_url} />
+        &nbsp;–&nbsp;
+        <Facebook event_id={event_id} />
+      </>
+    )
+  }
+
+  return <Facebook event_id={event_id} />
+}
 
 function EventCard({ event }) {
-  const { event_id, name, location, date, ticket_link } = event
+  const { name, location, date, ticket_url, event_id } = event
 
   return (
     <div>
       <h3>{name}</h3>
       <Time date={new Date(date)} />
-      <Tickets ticket_link={ticket_link} />
+      <Links ticket_url={ticket_url} event_id={event_id} />
       <Location location={location} />
     </div>
   )