@rileybathurst/paddle 0.0.75 → 0.0.77

package/package.json

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

package/src/PaddleSunsetTourTimes.tsx

@@ -0,0 +1,32 @@
+import * as React from "react"
+
+type PaddleSunsetTourTimesTypes = {
+  allStrapiSunsetTourTime: {
+    nodes: {
+      id: string;
+      startDate: string;
+      endDate: string;
+      startTime: string;
+      endTime: string;
+    }[];
+  };
+}
+export const PaddleSunsetTourTimes = ({ allStrapiSunsetTourTime }: 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) => {
+      const startDate = new Date(time.startDate);
+      const endDate = new Date(time.endDate);
+
+      const startTimeSplit = time.startTime.split(':');
+      const endTimeSplit = time.endTime.split(':');
+
+      return (
+        <div key={time.id}>
+          <p>{startDate.toLocaleDateString()} - {endDate.toLocaleDateString()}</p>
+          <p>{startTimeSplit[0]}:{startTimeSplit[1]} - {endTimeSplit[0]}:{endTimeSplit[1]}</p>
+        </div>
+      )
+    })}
+  </section>

package/src/PaddleTime.tsx

@@ -5,10 +5,36 @@ interface TimeTypes {
   finish?: string | null;
   duration?: number | null;
   timeframe?: string | null;
+  slug?: string | null;
+
+  allStrapiSunsetTourTime: {
+    nodes: {
+      startDate: string;
+      endDate: string;
+      startTime: string;
+      endTime: string;
+    }[];
+  };
 }
-export const PaddleTime = ({ start, finish, duration, timeframe }: TimeTypes) => {
+export const PaddleTime = ({ start, finish, duration, timeframe, slug, allStrapiSunsetTourTime }: TimeTypes) => {
 
   // TODO: sunset is a whole thing
+  const currentDate = new Date();
+  let sunsetStartTime = '';
+  let sunsetEndTime = '';
+
+  if (slug === 'sunset') {
+    allStrapiSunsetTourTime.nodes.map((time) => {
+      const startDate = new Date(time.startDate);
+      const endDate = new Date(time.endDate);
+
+
+      if (startDate <= currentDate && currentDate <= endDate) {
+        sunsetStartTime = time.startTime;
+        sunsetEndTime = time.endTime;
+      }
+    })
+  }
 
   const hairSpace = String.fromCharCode(0x200A);
 
@@ -21,9 +47,9 @@ export const PaddleTime = ({ start, finish, duration, timeframe }: TimeTypes) =>
     }
   }
 
-  if (start && finish) {
 
-    const startHours = start.split(':')[0];
+  if (start && finish) {
+    const startHours = sunsetStartTime ? sunsetStartTime.split(':')[0] : start.split(':')[0];
     let startHoursInt: number = Number.parseInt(startHours);
     const startMins = start.split(':')[1];
     const startMinsInt: number = Number.parseInt(startMins);
@@ -33,7 +59,7 @@ export const PaddleTime = ({ start, finish, duration, timeframe }: TimeTypes) =>
       startHoursInt = startHoursInt - 12;
     }
 
-    const finishHours = finish.split(':')[0];
+    const finishHours = sunsetEndTime ? sunsetEndTime.split(':')[0] : finish.split(':')[0];
     let finishHoursInt: number = Number.parseInt(finishHours);
     const finishMins = finish.split(':')[1];
     const finishMinsInt: number = Number.parseInt(finishMins);

package/src/index.tsx

@@ -14,6 +14,7 @@ export * from "./PaddleSocials";
 export * from "./PaddleLocationCard";
 export * from "./PaddleTestimonials";
 export * from "./PaddleTicket";
+export * from "./PaddleSunsetTourTimes";
 
 // Organisms
 export * from "./PaddleLocationDeck";