Browse Source

Cancel next event

cancel
Yannik Rödel 2 weeks ago
parent
commit
531fd0c555
4 changed files with 47 additions and 6 deletions
  1. +1
    -0
      data/events/2020-03-21/event.md
  2. +15
    -4
      src/components/upcomingEvent.tsx
  3. +1
    -0
      src/global.d.ts
  4. +30
    -2
      src/pages/index.tsx

+ 1
- 0
data/events/2020-03-21/event.md View File

@@ -7,6 +7,7 @@ location: 'Koenig & Bauer Coding'
address: 'Benzstraße 11'
city: '97209 Veitshöchheim'
latlon: [49.82998, 9.90050]
canceled: true
venueLogo: '../../../assets/venues/KoenigBauer2.png'
venueLink: 'https://coding.koenig-bauer.com/de/'
enrollLink: 'https://coderdojo-wue.typeform.com/to/AgiI0i'


+ 15
- 4
src/components/upcomingEvent.tsx View File

@@ -53,6 +53,10 @@ const Logo = styled.a`

const When = styled.p`
grid-area: when;

& .canceled {
text-decoration: line-through;
}
`;

const Where = styled.p`
@@ -148,7 +152,7 @@ const UpcomingEvent = ({ event }: UpcomingEventProps): JSX.Element => (
)}
<Wrap>
<When>
<strong>{event.dateFormatted}</strong>
<strong className={event.canceled ? 'canceled' : ''}>{event.dateFormatted}</strong>
<br />
{event.start} bis {event.end} Uhr
</When>
@@ -158,7 +162,7 @@ const UpcomingEvent = ({ event }: UpcomingEventProps): JSX.Element => (
<strong>{event.address}</strong>,<br />
{event.city}
</Where>
{event.enrollLink ? (
{event.enrollLink && !event.canceled ? (
<Enrollment>
{event.enrollLink && <Button href={event.enrollLink}>Kostenlose Online-Anmeldung</Button>}
<SmallMeta>
@@ -166,7 +170,11 @@ const UpcomingEvent = ({ event }: UpcomingEventProps): JSX.Element => (
</SmallMeta>
</Enrollment>
) : (
<SmallMeta>Hier wirst Du bald das Anmeldeformular finden können.</SmallMeta>
<SmallMeta>
{event.canceled
? 'Diese Veranstaltung wurde leider abgesagt.'
: 'Hier wirst Du bald das Anmeldeformular finden können.'}
</SmallMeta>
)}
<Map
latlon={event.latlon}
@@ -176,7 +184,10 @@ const UpcomingEvent = ({ event }: UpcomingEventProps): JSX.Element => (
/>
</Wrap>
{event.teaser && (
<div dangerouslySetInnerHTML={{ __html: event.teaser }} /> // eslint-disable-line react/no-danger
<div
style={{ textDecoration: event.canceled ? 'line-through' : '' }}
dangerouslySetInnerHTML={{ __html: event.teaser }} // eslint-disable-line react/no-danger
/>
)}
</>
);


+ 1
- 0
src/global.d.ts View File

@@ -33,6 +33,7 @@ interface EventInformation extends EventBase {
city: string;
teaser?: string;
latlon: [number, number];
canceled?: boolean;
venueLogo?: any; // eslint-disable-line @typescript-eslint/no-explicit-any
venueLink?: string;
enrollLink?: string;


+ 30
- 2
src/pages/index.tsx View File

@@ -55,6 +55,16 @@ const Imprint = styled.footer`
`}
`;

const Alert = styled.aside`
margin-top: var(--medium-gap);
padding: var(--medium-gap);
background-color: #f4e88b;

& h1 {
margin-top: 0;
}
`;

interface IndexPageProps {
data: {
/* eslint-disable @typescript-eslint/no-explicit-any */
@@ -131,8 +141,11 @@ const IndexPage = ({ data }: IndexPageProps): JSX.Element => (
<a hreF="https://twitter.com/CoderDojoWuerzb" target="_blank" rel="noopener noreferrer">
@CoderDojoWuerzb
</a>
<br />
Angestöpselt e.V. auf <a rel="me" href="https://social.tchncs.de/@angestoepselt">Mastodon</a>
<br />
Angestöpselt e.V. auf{' '}
<a rel="me" href="https://social.tchncs.de/@angestoepselt">
Mastodon
</a>
</p>
</ImprintContact>
<ImprintCredits>
@@ -145,6 +158,20 @@ const IndexPage = ({ data }: IndexPageProps): JSX.Element => (
>
<SEO title="Startseite" />

<Alert>
<h1>Wichtiger Hinweis</h1>
<p>
Aufgrund der aktuellen gesundheitlichen Lage rund um das Coronavirus müssen wir leider die
kommende Veranstaltung bei Koenig &amp; Bauer Coding absagen. Sobald wir einen
Ausweichtermin gefunden haben werden wir das wie gewohnt über die Homepage und den
Newsletter bekannt geben.
</p>
<p>
Hinweise zum eigenen Schutz gibt es zum Nachlesen auf{' '}
<a href="https://www.infektionsschutz.de/">infektionsschutz.de</a>.
</p>
</Alert>

{((): JSX.Element => {
const nextEvent = data.nextEvent.edges[0].node;
const diff = moment
@@ -250,6 +277,7 @@ export const query = graphql`
address
city
latlon
canceled
venueLogo {
childImageSharp {
fixed(height: 96) {


Loading…
Cancel
Save