@rileybathurst/paddle 0.0.77 → 0.0.79

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@rileybathurst/paddle",
   "private": false,
-  "version": "0.0.77",
+  "version": "0.0.79",
   "type": "module",
   "scripts": {
     "dev": "vite",

package/src/PaddleSunsetTourTimes.tsx

@@ -1,21 +1,19 @@
 import * as React from "react"
 
 type PaddleSunsetTourTimesTypes = {
-  allStrapiSunsetTourTime: {
-    nodes: {
-      id: string;
-      startDate: string;
-      endDate: string;
-      startTime: string;
-      endTime: string;
-    }[];
-  };
+  nodes: {
+    id: string;
+    startDate: string;
+    endDate: string;
+    startTime: string;
+    endTime: string;
+  }[];
 }
-export const PaddleSunsetTourTimes = ({ allStrapiSunsetTourTime }: PaddleSunsetTourTimesTypes) =>
+export const PaddleSunsetTourTimes = ({ nodes }: PaddleSunsetTourTimesTypes) =>
   <section className="paddle-sunset-tour-times">
     {/* // TODO: stylize start with a storybook */}
     <p>*We adapt the time of our sunset tour to the sun</p>
-    {allStrapiSunsetTourTime.nodes.map((time) => {
+    {nodes.map((time) => {
       const startDate = new Date(time.startDate);
       const endDate = new Date(time.endDate);
 

package/src/styles/layout.css

@@ -182,11 +182,8 @@ header {
 /* #TOP BAR */
 /*------------------*/
 
-/* this flashes in on every load which is bad but its currently out of use */
 .top-bar {
   transition: var(--slow);
-  height: 0;
-  opacity: 0;
   display: flex;
   justify-content: center;
   padding-block-start: 0.25rem;
@@ -198,6 +195,11 @@ header {
   }
 }
 
+.top-bar.hidden {
+  height: 0;
+  opacity: 0;
+}
+
 /*------------------------------------*/
 /* #SOCIAL */
 /*------------------------------------*/