From 8db7f4db5a031271b0d362eadf235f51063df5bc Mon Sep 17 00:00:00 2001
From: Arthur <arthur@gdgnantes.com>
Date: Wed, 16 Oct 2024 09:31:20 +0200
Subject: [PATCH] annulation Leonie

---
 data/blogs/checklist-participant.yml                  |  4 ++--
 .../the_land_that_time_to_interactive_forgot.yml      |  1 +
 gatsby-node.js                                        |  1 +
 src/components/schedule/index.tsx                     |  1 +
 src/components/session/sessionPageTemplate.tsx        | 10 +++++-----
 src/components/session/style.scss                     | 11 +++++++++++
 6 files changed, 21 insertions(+), 7 deletions(-)

diff --git a/data/blogs/checklist-participant.yml b/data/blogs/checklist-participant.yml
index 9fb1a14..848c253 100644
--- a/data/blogs/checklist-participant.yml
+++ b/data/blogs/checklist-participant.yml
@@ -23,7 +23,7 @@ content: |-
     <li><input type="checkbox"/> <b>Son laptop</b> pour participer aux codelabs ou aux sessions “Code in the Dark” (vérifier sur la description du talk les prérequis d’installation).</li>
     <li><input type="checkbox"/> <b>Ses téléphones chargés à bloc</b> pour suivre les infos en live sur notre compte Instagram (@gdgnantes #DevFestNantes) !</li>
     <li><input type="checkbox"/> <b>Sa bonne humeur</b> et se rappeler qu’il y a un <a href="https://devfest.gdgnantes.com/code-of-conduct/" target="_blank">Code Of Conduct</a> à respecter pour une conférence inclusive et bienveillante. Un stand dédié au CoC et des personnes identifiées en vert seront en place pendant tout l’événement. #DevFestSafe</li>
-    <li><input type="checkbox"/> <b>Récupérer vos goodies</b> (t-shirt, stickers) dans la zone dédiée, au niveau 0, entre la salle Tour de Bretagne et la salle Les Machines mais également au niveau de la boutique.</li>
+    <li><input type="checkbox"/> <b>Récupérer vos goodies</b> (t-shirt, stickers) dans la zone dédiée, au niveau 0, entre la salle Tour Bretagne et la salle Les Machines mais également au niveau de la boutique.</li>
     <li><input type="checkbox"/> <b>Votre CB</b> pour venir à notre boutique et acheter les T-shirts des anciennes éditions !</li>
   </ul>
 
@@ -33,7 +33,7 @@ content: |-
       <ul>
         <li><input type="checkbox"/> Agenda disponible sur votre badge : ATTENTION au sens de lecture. L’agenda se lit comme si vous lisiez un livre 🙂 De gauche à droite et de haut en bas.</li>
         <li><input type="checkbox"/> Une application est disponible sur <a href="https://apps.apple.com/fr/app/devfest-nantes/id6443489706" target="_blank">l'App store</a> et sur <a href="https://play.google.com/store/apps/details?id=com.gdgnantes.devfest.androidapp&pli=1" target="_blank">le Play store</a> !</li>
-        <li><input type="checkbox"/> Salle de rediffusion prévue (anciennement Graslin) si la salle Tour de Bretagne est pleine.</li>
+        <li><input type="checkbox"/> Salle de rediffusion prévue (anciennement Graslin) si la salle Tour Bretagne est pleine.</li>
         <li><input type="checkbox"/> Se garder un temps dédié pour se balader sur les stands (échanges, jeux concours, animations, …)</li>
         <li><input type="checkbox"/> Faire un tour sur le stand des communautés Nantaises</li>
         <li><input type="checkbox"/> Profiter de la Zone Lounge au R2 #détente avec plein d’animations et stands.</li>
diff --git a/data/sessions/the_land_that_time_to_interactive_forgot.yml b/data/sessions/the_land_that_time_to_interactive_forgot.yml
index 19a5b05..8531c75 100644
--- a/data/sessions/the_land_that_time_to_interactive_forgot.yml
+++ b/data/sessions/the_land_that_time_to_interactive_forgot.yml
@@ -7,6 +7,7 @@ talkType: conference
 tags:
   - web
 complexity: Intermediate
+cancelled: true
 speakers:
   - leonie_watson
 slot: day-1-conference-1
diff --git a/gatsby-node.js b/gatsby-node.js
index 67a4a7b..5024600 100644
--- a/gatsby-node.js
+++ b/gatsby-node.js
@@ -63,6 +63,7 @@ exports.createPages = async ({ graphql, actions, reporter }) => {
               language
               complexity
               abstract
+              cancelled
             }
           }
         }
diff --git a/src/components/schedule/index.tsx b/src/components/schedule/index.tsx
index 4232eb4..a429319 100644
--- a/src/components/schedule/index.tsx
+++ b/src/components/schedule/index.tsx
@@ -24,6 +24,7 @@ export const Schedule: React.FC<{ day: 1 | 2 }> = ({ day }) => {
             room
             language
             complexity
+            cancelled
           }
         }
       }
diff --git a/src/components/session/sessionPageTemplate.tsx b/src/components/session/sessionPageTemplate.tsx
index 4a33ac2..d4498d1 100644
--- a/src/components/session/sessionPageTemplate.tsx
+++ b/src/components/session/sessionPageTemplate.tsx
@@ -30,11 +30,6 @@ const SessionPageTemplate: React.FC<{ pageContext: { session: Session } }> = ({
     <Layout>
       <DefaultPage title={session.title} noHero={true}>
         <TertiarySection slim>
-          {session.cancelled && (
-            <Typography variant="h1" color="primary">
-              {t("cancelled")}
-            </Typography>
-          )}
           <Typography
             variant="h1"
             color="primary"
@@ -45,6 +40,11 @@ const SessionPageTemplate: React.FC<{ pageContext: { session: Session } }> = ({
           >
             {session.title}
           </Typography>
+          {session.cancelled && (
+            <Typography variant="h1" color="secondary" className={"cancelled-title"}>
+              {t("cancelled")}
+            </Typography>
+          )}
           <Stack spacing={3}>
             <Stack direction="row" spacing={2} alignItems="center">
               <Typography
diff --git a/src/components/session/style.scss b/src/components/session/style.scss
index 6378dfc..8798f20 100644
--- a/src/components/session/style.scss
+++ b/src/components/session/style.scss
@@ -16,3 +16,14 @@
 .session-title.cancelled {
   text-decoration: line-through;
 }
+
+.cancelled-title {
+  color: var(--secondary) !important;
+  padding: 10px 20px;
+  border: 1px solid var(--secondary);
+  border-radius: 10px;
+  @media (min-width: 600px) {
+    font-size: 26px;
+    width: 40%;
+  }
+}