✨ adding bar info for GG05 & GG03 (not GG04)

src/components/composant-ecran.tsx

@@ -21,6 +21,7 @@ import {AffichageZoneRemotion} from "src/remotion/components/affichage-zone-remo
 import {ScaryElevatorRemotion} from "src/remotion/components/scary-elevator-remotion.tsx";
 import {PlanningCitd} from "src/remotion/components/planning-citd.tsx";
 import {PlanningCitdSalleE} from "src/remotion/components/planning-citd-salle-e.tsx";
+import {PlanningBar} from "src/remotion/components/bar-afterparty.tsx";
 
 export const ComposantEcran: React.FC<{ planning?: Talk[] } & ConfigEcran> = ({planning, ...configEcran}) => {
 
@@ -56,6 +57,9 @@ export const ComposantEcran: React.FC<{ planning?: Talk[] } & ConfigEcran> = ({p
       if (configEcran.directions) {
         return <DirectionRemotion directions={configEcran.directions} portrait={isPortrait}/>
       }
+      if (estPremierJour && configEcran.tags?.includes("vin") && (heure > "18:30") && (heure < "21:30")) {
+        return <PlanningBar portrait={isPortrait}/>
+      }
       if (configEcran.tags?.includes("vestiaire")) {
         return EcranVestiaire(estPremierJour, currentDate, isPortrait, estDeuxiemeJour);
       }

src/data/Ecrans.ts

@@ -445,7 +445,7 @@ export const ECRANS_VESTIAIRE: ConfigEcran[] = [
     ratio: '16_9',
     resolution: '1920x1080',
     orientation: 'landscape',
-    tags: ['vestiaire'],
+    tags: ['vestiaire', 'vin'],
   },
   {
     id: 'GG04',
@@ -489,7 +489,7 @@ export const ECRANS_BARS: ConfigEcran[] = [
     ratio: '16_9',
     resolution: '1920x1080',
     orientation: 'landscape',
-    tags: [],
+    tags: ['vestiaire', 'vin'],
   },
   {
     id: 'GA05',

src/data/configsAffichagesZones.ts

@@ -47,5 +47,8 @@ export const AFFICHES_ZONE: Record<typesAffiches, ConfigAfficheShortVid> = { //
     "date": "17 Octobre",
     "time": "22h",
     "location": "Bars Partenaires",
+  },
+  vin: {
+    "title": "Afterparty : bar et vin",
   }
 };

src/remotion/components/bar-afterparty.tsx

@@ -0,0 +1,58 @@
+import React from "react";
+import {Player} from "@remotion/player";
+import {
+  DevfestNantesCustomContent
+} from "src/remotion/compositions/showcases/devfestNantes/DevfestNantesCustomContent.tsx";
+import {TalkTitle} from "src/remotion/compositions/showcases/devfestNantes/TalkTitle.tsx";
+import {AiOutlineArrowDown} from "react-icons/ai";
+
+export const PlanningBar: React.FC<{ portrait?: boolean}> = ({portrait}) => {
+
+  const currentTemplate = {
+    compositionName: 'DevfestNantesBar',
+    component: DevfestNantesBar,
+    width: 1280,
+    height: 720,
+    durationInFrames: 350,
+  };
+  return <Player
+    autoPlay
+    controls={false}
+    loop
+    style={{
+      width: '100%',
+      aspectRatio: '16/9',
+    }}
+    durationInFrames={currentTemplate.durationInFrames}
+    compositionWidth={currentTemplate.width}
+    compositionHeight={currentTemplate.height}
+    fps={30}
+    component={currentTemplate.component as never}
+  />
+}
+
+const DevfestNantesBar = () => {
+  return <DevfestNantesCustomContent>
+    <TalkTitle title={"Afterparty : Soft, bière et vin"} style={{bottom: "unset", top: "200px", fontSize: "30px"}}
+               isTotemDisplayMode={true}/>
+      <>
+      <div
+          style={{
+            width: "100%",
+            display: "flex",
+            flexDirection: "row",
+            justifyContent: "flex-start",
+            alignItems: "center",
+            position: "relative",
+            paddingLeft: "600px",
+            bottom: "-250px",
+          }}
+        >
+          <AiOutlineArrowDown size={"5rem"}
+            style={{
+              filter: "drop-shadow(2px 2px 2px #1B2C2C)",
+            }}/>
+        </div>
+      </>
+  </DevfestNantesCustomContent>
+}

src/types.ts

@@ -141,3 +141,4 @@ export type Tag =
   | 'titan'
   | 'vestiaire'
   | 'direction'
+  | 'vin'