@rileybathurst/paddle 0.0.117 → 0.0.119

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@rileybathurst/paddle",
   "private": false,
-  "version": "0.0.117",
+  "version": "0.0.119",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -27,7 +27,6 @@
     "@storybook/addon-essentials": "^8.0.10",
     "@storybook/addon-interactions": "^8.0.10",
     "@storybook/addon-links": "^8.0.10",
-    "@storybook/addon-onboarding": "^8.0.10",
     "@storybook/blocks": "^8.0.10",
     "@storybook/react": "^8.0.10",
     "@storybook/react-vite": "^8.0.10",

package/src/PaddleLocationCard.tsx

@@ -16,8 +16,6 @@ interface SeasonTypes {
 }
 function Season({ name, season_start, season_end, opening_time, closing_time, offSeasonDetails }: SeasonTypes) {
 
-  console.log(offSeasonDetails);
-
   // TODO: these need a query but thats not the most important first step
   if (name === "Free Parking Lot" || name === "Parking" || name === "Delivery") {
     return null;

package/src/PaddleSEO.tsx

@@ -100,7 +100,7 @@ export const PaddleSEO = ({ title, description, ogImage, ogImageDescription, bre
 
   const businessName = `${strapiLocale.name} Kayak & Paddleboard rentals and tours`;
 
-  const PaddleTitle = title ? `${title} | ${businessName}` : `${businessName} | ${strapiLocale.topbar.topbar} `;
+  const PaddleTitle = title ? `${title} | ${businessName}` : `${businessName} | ${strapiLocale.topbar.data.topbar} `;
   // TODO: tagline would be a better fallback description
   const PaddleDescription = description || strapiLocale.slogan;
   // url: `${strapiLocale.url}${SE0.url}` || strapiLocale.url,

package/src/PaddleTopBar.tsx

@@ -10,42 +10,48 @@ type PaddleTopBarTypes = {
         topbar: string;
       }
     }
-  };
-  allStrapiWeatherDay: {
-    nodes: {
-      startDate: string;
-      startTime: string;
-      endDate: string;
-      endTime: string;
-      closed: boolean;
-      condition: {
-        excerpt: string;
-      }
-    }[];
+    RainCheck: string;
+    RainCheckDate: Date;
+    RainCheckReason: string;
   };
 }
-export const PaddleTopBar = ({ strapiLocale, allStrapiWeatherDay }: PaddleTopBarTypes) => {
-
-  let currentWeather = '';
-  let currentStatus = false;
-  const currentDate = new Date().toISOString().split('T')[0];
-  // console.log('currentDate', currentDate);
+export const PaddleTopBar = ({ strapiLocale }: PaddleTopBarTypes) => {
 
-  allStrapiWeatherDay.nodes.map((date) => {
-    if (date.startDate === currentDate || currentDate >= date.startDate && currentDate <= date.endDate) {
-      currentWeather = date.condition.excerpt;
-      currentStatus = date.closed;
-
-      // console.log('inside the if', date.startDate);
-    }
-  });
+  const RainCheckDate = new Date(strapiLocale.RainCheck);
+  const currently = new Date();
 
   return (
-    <div className={`top-bar ${currentStatus ? 'closed' : 'open'}`} >
-      {currentWeather ? <p>{currentWeather}</p> :
-        <Markdown>
-          {strapiLocale.topbar.data.topbar}
-        </Markdown>
+    <div className={`${location} top-bar`}>
+      {RainCheckDate > currently ? (
+        <p className="rain-check">
+          <span className="rain-check-date">
+            {RainCheckDate.toLocaleDateString('en-US', {
+              month: '2-digit',
+              day: '2-digit',
+              year: '2-digit',
+            })}
+          </span>
+          &nbsp;We will be closing at&nbsp;
+          <span className="rain-check-time">
+            {RainCheckDate.toLocaleTimeString('en-US', {
+              hour: '2-digit',
+              minute: '2-digit',
+              hour12: true,
+            })} due to an incoming</span>
+          &nbsp;{strapiLocale.RainCheckReason}
+        </p>
+      ) : RainCheckDate.toDateString() === currently.toDateString() ? (
+        <p className="rain-check">
+          <span className="rain-check-date">{RainCheckDate.toLocaleDateString('en-US', {
+            month: '2-digit',
+            day: '2-digit',
+            year: '2-digit',
+          })}</span>&nbsp;
+          <span className="rain-check-reason">We're closed today due to {strapiLocale.RainCheckReason}</span>
+        </p>
+      ) : (
+        <p>We&apos;re Open for the 2024 Summer</p>
+      )
       }
     </div>
   )