add online workshop Vienna (#6602)

ChilliCream · Oct 13, 2023 · 064e07e · 064e07e
1 parent a6342c3
commit 064e07e
Show file tree

Hide file tree

Showing 4 changed files with 38 additions and 7 deletions.
diff --git a/website/src/components/images/workshop-online.tsx b/website/src/components/images/workshop-online.tsx
@@ -0,0 +1,27 @@
+import { graphql, useStaticQuery } from "gatsby";
+import { GatsbyImage } from "gatsby-plugin-image";
+import React, { FC } from "react";
+
+import { GetWorkshopOnlineImageQuery } from "@/graphql-types";
+
+export const WorkshopOnline: FC = () => {
+  const data = useStaticQuery<GetWorkshopOnlineImageQuery>(graphql`
+    query getWorkshopOnlineImage {
+      file(
+        relativePath: { eq: "workshops/online.jpg" }
+        sourceInstanceName: { eq: "images" }
+      ) {
+        childImageSharp {
+          gatsbyImageData(layout: CONSTRAINED, width: 400, quality: 100)
+        }
+      }
+    }
+  `);
+
+  return (
+    <GatsbyImage
+      image={data.file?.childImageSharp?.gatsbyImageData}
+      alt="Online"
+    />
+  );
+};
diff --git a/website/src/components/layout/header.tsx b/website/src/components/layout/header.tsx
@@ -16,6 +16,7 @@ import styled from "styled-components";
 
 import { WorkshopNdcCopenhagen } from "@/components/images/workshop-ndc-copenhagen";
 import { WorkshopNdcOslo } from "@/components/images/workshop-ndc-oslo";
+import { WorkshopOnline } from "@/components/images/workshop-online";
 import { IconContainer } from "@/components/misc/icon-container";
 import { Link } from "@/components/misc/link";
 import { SearchModal } from "@/components/misc/search-modal";
@@ -937,6 +938,9 @@ const WorkshopHero: FC<WorkshopHeroProps> = ({ image }) => {
     case "ndc-copenhagen":
       return <WorkshopNdcCopenhagen />;
 
+    case "online":
+      return <WorkshopOnline />;
+
     default:
       return null;
   }

diff --git a/website/src/images/workshops/online.jpg b/website/src/images/workshops/online.jpg
diff --git a/website/src/state/workshops/workshops.state.ts b/website/src/state/workshops/workshops.state.ts
@@ -16,18 +16,18 @@ export type WorkshopsState = Workshop[];
 
 export const initialState: WorkshopsState = [
   {
-    id: "online-231010",
-    title: "Fullstack GraphQL",
+    id: "online-231106",
+    title: "Fullstack GraphQL Vienna",
     teaser:
       "Learn to build modern APIs like Facebook and Netflix in our Fullstack GraphQL workshop.",
-    date: "10 - 11 October 2023",
+    date: "6 - 7 November 2023",
     host: "ONLINE",
-    place: "9AM-5PM CDT",
-    url: "https://www.eventbrite.com/e/fullstack-graphql-usa-mountain-time-tickets-710559090367",
+    place: "9AM-5PM CET",
+    url: "https://www.eventbrite.com/e/fullstack-graphql-vienna-tickets-734869182507",
     image: "online",
-    hero: false,
+    hero: true,
     banner: true,
-    active: isActive("2023-10-10"),
+    active: isActive("2023-11-06"),
   },
 ];