edb/neuf-www
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add ticket icon

Browse Source
This commit is contained in:
elise
2024-08-05 20:35:39 +02:00
parent 9416df11a3
commit 5f5c3e5064
2 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
web/src/components/events/EventHeader.tsx
View File

@ -72,7 +72,7 @@ export const EventHeader = ({ event }: { event: EventFragment }) => {
{event.ticketUrl && ( {event.ticketUrl && (
<a href={event.ticketUrl} className="button cta"> <a href={event.ticketUrl} className="button cta">
<span>Kjøp billetter</span> <span>Kjøp billetter</span>
<Icon /> <Icon type="tickets" />
</a> </a>
)} )}
{event.facebookUrl && ( {event.facebookUrl && (

6
web/src/components/general/Icon.tsx
View File

@ -3,7 +3,7 @@ import styles from "./icon.module.scss";
export default function Icon({ export default function Icon({
type, 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 ( return (
<div className={styles.icon}> <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> <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" && ( {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> <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>
)} )}