Added trainings.

Author: michaelstaib

website/src/components/layout/header.tsx

@@ -435,7 +435,7 @@ interface DeveloperNavItemProps {
 
 const DeveloperNavItem: FC<DeveloperNavItemProps> = ({ products, tools }) => {
   const workshop = useSelector<State, WorkshopsState[number] | undefined>(
-    (state) => state.workshops.find(({ hero, active }) => hero && active)
+    (state) => state.workshops.find(({ hero, active, self, }) => hero && active && self === false)
   );
 
   const [subNav, navHandlers, linkHandlers] = useSubNav((hideSubNav) => (

website/src/state/workshops/workshops.state.ts

@@ -10,24 +10,82 @@ interface Workshop {
   readonly hero: boolean;
   readonly banner: boolean;
   readonly active: boolean;
+  readonly self: boolean;
 }
 
 export type WorkshopsState = Workshop[];
 
 export const initialState: WorkshopsState = [
   {
-    id: "online-231106",
-    title: "Fullstack GraphQL from Vienna",
+    id: "dometrain",
+    title: "Getting Started with GraphQL in .NET",
     teaser:
-      "Learn to build modern APIs like Facebook and Netflix in our Fullstack GraphQL workshop.",
-    date: "6 - 7 November 2023",
+      "Learn to build modern APIs like those used by Facebook and Netflix in our self-paced getting started course on Dometrain.",
+    date: "",
+    host: "Dometrain",
+    place: "",
+    url: "https://courses.chillicream.com",
+    image: "online",
+    hero: true,
+    banner: true,
+    active: true,
+    self: true,
+  },
+  {
+    id: "online-231106",
+    title: "Fullstack GraphQL",
+    teaser:"Learn to build modern APIs like Facebook and Netflix in our Fullstack GraphQL workshop.",
+    date: "18 - 19 June 2024",
+    host: "ONLINE",
+    place: "9AM-5PM CEST",
+    url: "https://www.eventbrite.com/e/2-day-fullstack-graphql-workshop-europe-cest-tickets-896304309317",
+    image: "online",
+    hero: true,
+    banner: true,
+    active: isActive("2024-06-18"),
+    self: false,
+  },
+  {
+    id: "online-240924",
+    title: "Building Modern Frontends with Blazor and GraphQL",
+    teaser:"We will dive into the world of modern front-end development with Blazor and GraphQL. Learn how to create dynamic and interactive user interfaces using the power of Blazor, a cutting-edge web framework, and harness the capabilities of GraphQL for efficient data fetching.",
+    date: "24 September 2024",
+    host: "ONLINE",
+    place: "9AM-5PM CDL",
+    url: "https://www.eventbrite.com/e/901517431907",
+    image: "online",
+    hero: true,
+    banner: true,
+    active: isActive("2024-09-24"),
+    self: false,
+  },
+  {
+    id: "online-241009",
+    title: "Distributed GraphQL with Fusion",
+    teaser:"Learn how to use Fusion to build efficient distributed GraphQL APIs at scale in this hands-on workshop!",
+    date: "8 October 2024",
+    host: "ONLINE",
+    place: "9AM-5PM CDL",
+    url: "https://www.eventbrite.com/e/901541634297",
+    image: "online",
+    hero: true,
+    banner: true,
+    active: isActive("2024-10-09"),
+    self: false,
+  },
+  {
+    id: "online-241022",
+    title: "Enterprise GraphQL with DDD, CQRS and Clean Architecture",
+    teaser:"We dive deep into the world of GraphQL, Domain-Driven Design (DDD), Command Query Responsibility Segregation (CQRS), and Clean Architecture? This online event is perfect for developers looking to level up their skills and learn how to implement these cutting-edge techniques in enterprise applications.",
+    date: "22 October 2024",
     host: "ONLINE",
-    place: "9AM-5PM CET",
-    url: "https://www.eventbrite.com/e/fullstack-graphql-vienna-tickets-734869182507",
+    place: "9AM-5PM CDL",
+    url: "https://www.eventbrite.com/e/901548685387",
     image: "online",
     hero: true,
     banner: true,
-    active: isActive("2023-11-06"),
+    active: isActive("2024-10-22"),
+    self: false,
   },
 ];