From 5f5c3e50644a67a2e64fa008d9ecc1ddc8240b90 Mon Sep 17 00:00:00 2001
From: elise <hei@elisejakob.no>
Date: Mon, 5 Aug 2024 20:35:39 +0200
Subject: [PATCH] add ticket icon

---
 web/src/components/events/EventHeader.tsx | 2 +-
 web/src/components/general/Icon.tsx       | 6 +++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/web/src/components/events/EventHeader.tsx b/web/src/components/events/EventHeader.tsx
index c03dde3..bd038b6 100644
--- a/web/src/components/events/EventHeader.tsx
+++ b/web/src/components/events/EventHeader.tsx
@@ -72,7 +72,7 @@ export const EventHeader = ({ event }: { event: EventFragment }) => {
         {event.ticketUrl && (
           <a href={event.ticketUrl} className="button cta">
             <span>Kjøp billetter</span>
-            <Icon />
+            <Icon type="tickets" />
           </a>
         )}
         {event.facebookUrl && (
diff --git a/web/src/components/general/Icon.tsx b/web/src/components/general/Icon.tsx
index 7df2c0a..8cc830c 100644
--- a/web/src/components/general/Icon.tsx
+++ b/web/src/components/general/Icon.tsx
@@ -3,7 +3,7 @@ import styles from "./icon.module.scss";
 export default function Icon({
   type,
 }: {
-  type?: "doc" | "arrowUp" | "arrowRight" | "externalLink" | "list" | "calendar" | "filter" | "noFilter" | "instagram" | "facebook" | "flickr";
+  type?: "doc" | "arrowUp" | "arrowRight" | "externalLink" | "tickets" | "list" | "calendar" | "filter" | "noFilter" | "instagram" | "facebook" | "flickr";
 }) {
   return (
     <div className={styles.icon}>
@@ -29,6 +29,10 @@ export default function Icon({
         <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" fill="currentColor"><path d="M257.39-235.61 197-296l381-381H238.39v-86h486v486h-86v-339.61l-381 381Z"/></svg>
       )}
 
+      {type === "tickets" && (
+        <svg xmlns="http://www.w3.org/2000/svg"viewBox="0 -960 960 960" fill="currentColor"><path d="M480-280q17 0 28.5-11.5T520-320q0-17-11.5-28.5T480-360q-17 0-28.5 11.5T440-320q0 17 11.5 28.5T480-280Zm0-160q17 0 28.5-11.5T520-480q0-17-11.5-28.5T480-520q-17 0-28.5 11.5T440-480q0 17 11.5 28.5T480-440Zm0-160q17 0 28.5-11.5T520-640q0-17-11.5-28.5T480-680q-17 0-28.5 11.5T440-640q0 17 11.5 28.5T480-600Zm320 440H160q-33 0-56.5-23.5T80-240v-160q33 0 56.5-23.5T160-480q0-33-23.5-56.5T80-560v-160q0-33 23.5-56.5T160-800h640q33 0 56.5 23.5T880-720v160q-33 0-56.5 23.5T800-480q0 33 23.5 56.5T880-400v160q0 33-23.5 56.5T800-160Zm0-80v-102q-37-22-58.5-58.5T720-480q0-43 21.5-79.5T800-618v-102H160v102q37 22 58.5 58.5T240-480q0 43-21.5 79.5T160-342v102h640ZM480-480Z"/></svg>
+      )}
+
       {type === "list" && (
         <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" fill="currentColor"><path d="M357.5-244H795v-105.5H357.5V-244ZM165-610.5h117.5V-716H165v105.5Zm0 187h117.5v-112H165v112Zm0 179.5h117.5v-105.5H165V-244Zm192.5-179.5H795v-112H357.5v112Zm0-187H795V-716H357.5v105.5ZM165-169q-30.94 0-52.97-22.03Q90-213.06 90-244v-472q0-30.94 22.03-52.97Q134.06-791 165-791h630q30.94 0 52.97 22.03Q870-746.94 870-716v472q0 30.94-22.03 52.97Q825.94-169 795-169H165Z"/></svg>
       )}