+
+
+
+ Create ticket offerings for this event
+
+
+
+
+
+ {show && (
+
+
)
}
diff --git a/frontend/components/ClubEditPage/EventsImportCard.tsx b/frontend/components/ClubEditPage/EventsImportCard.tsx
index 83c854245..f8061a80d 100644
--- a/frontend/components/ClubEditPage/EventsImportCard.tsx
+++ b/frontend/components/ClubEditPage/EventsImportCard.tsx
@@ -2,6 +2,8 @@ import { Field, Form, Formik } from 'formik'
import { ReactElement, useState } from 'react'
import { toast } from 'react-toastify'
+import { WHITE } from '~/constants'
+
import { Club } from '../../types'
import { doApiRequest } from '../../utils'
import { Contact, Icon, Text } from '../common'
@@ -29,7 +31,9 @@ export default function EventsImportCard({
onFetchEvents && onFetchEvents()
})
.catch(() => {
- toast.error('Failed to fetch events, an unknown error occured.')
+ toast.error('Failed to fetch events, an unknown error occured.', {
+ style: { color: WHITE },
+ })
})
.finally(() => setFetching(false))
}
diff --git a/frontend/components/ClubEditPage/QRCodeCard.tsx b/frontend/components/ClubEditPage/QRCodeCard.tsx
index af738eeba..3c600e2e5 100644
--- a/frontend/components/ClubEditPage/QRCodeCard.tsx
+++ b/frontend/components/ClubEditPage/QRCodeCard.tsx
@@ -1,9 +1,8 @@
import Link from 'next/link'
-import { ReactElement } from 'react'
+import { PropsWithChildren } from 'react'
import styled from 'styled-components'
import { CLUB_FLYER_ROUTE } from '../../constants/routes'
-import { Club } from '../../types'
import { getApiUrl } from '../../utils'
import { OBJECT_NAME_SINGULAR } from '../../utils/branding'
import { Icon, Text } from '../common'
@@ -16,37 +15,49 @@ const QRCode = styled.img`
margin-bottom: 15px;
`
-type QRCodeCardProps = {
- club: Club
+export enum QRCodeType {
+ CLUB = 'club',
+ TICKET = 'tickets',
}
-export default function QRCodeCard({ club }: QRCodeCardProps): ReactElement {
+const QRCodeCard: React.FC<
+ PropsWithChildren<{
+ id: string
+ type: QRCodeType
+ }>
+> = ({ id, type, children }) => {
return (
+
+ )
+}
+
+type Ticket = {
+ name: string
+ count: string | null
+ price: string | null // Free if null
+ groupDiscount: string | null // If null, no group discount
+ groupNumber: string | null // If null, no group discount
+ buyable: boolean
+}
+
+const TicketsModal = ({
+ event,
+ onSuccessfulSubmit,
+}: {
+ event: ClubEvent
+ onSuccessfulSubmit: () => void
+}): ReactElement => {
+ const { large_image_url, image_url, club_name, name, id } = event
+
+ const [submitting, setSubmitting] = useState(false)
+
+ const [tickets, setTickets] = useState
+ {
+ setTicket({ ...ticket, name: e.target.value })
+ onChange?.({ ...ticket, name: e.target.value })
+ }}
+ />
+ {
+ const count = e.target.value
+ setTicket({ ...ticket, count })
+ onChange?.({ ...ticket, count })
+ }}
+ />
+ {ticket.buyable && (
+ {
+ const price = e.target.value
+ setTicket({ ...ticket, price })
+ onChange?.({ ...ticket, price })
+ }}
+ />
+ )}
+
+
+
+
+
+
+
+ {openGroupDiscount ? (
+ <>
+ % Discount for
+
+
+ {
+ const groupDiscount = e.target.value
+ setTicket({ ...ticket, groupDiscount })
+ onChange?.({ ...ticket, groupDiscount })
+ }}
+ />
+
+
+ {
+ const groupNumber = e.target.value
+ setTicket({ ...ticket, groupNumber })
+ onChange?.({ ...ticket, groupNumber })
+ }}
+ />
+
+
+
+ ) : (
+ <>
+
+
+ )}
+ Tickets
+
+ {submitting ? (
+ <>
+
+ + Are you sure you want to create these tickets? Ticket classes + and quantities are final and you will not be able to change them + moving forward. +
+ + + + ) : ( + + )} +
-