@rileybathurst/paddle 1.0.5 → 1.0.7

package/package.json

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

package/src/PaddleLocationCard.tsx

@@ -278,8 +278,11 @@ const Content = ({
     <>
       <div className="svg" dangerouslySetInnerHTML={{ __html: svg }} />
 
-      <h3 className="elbrus">{name}</h3>
       <div>
+        <div className="multi_button">
+          <h3 className="elbrus">{name}</h3>
+        </div>
+
         {streetAddress ||
           addressLocality ||
           addressRegion ||

package/src/PaddleMoonlightTourDatesTimes.tsx

@@ -0,0 +1,66 @@
+import * as React from "react"
+// import { PaddleTime } from "./PaddleTime"
+
+type PaddleMoonlightTourDatesTimesTypes = {
+  seasonStart: string
+  seasonEnd: string
+  nodes: {
+    id: string;
+    date: string;
+    start: string;
+    finish: string;
+  }[];
+}
+export const PaddleMoonlightTourDatesTimes = ({ seasonStart, seasonEnd, nodes }: PaddleMoonlightTourDatesTimesTypes) => {
+  const currentDate = new Date();
+  if (currentDate > new Date(seasonEnd)) {
+
+    // console.log('its past the end of the season');
+    const futureTours = nodes.filter(tour => new Date(tour.date) >= currentDate);
+    // console.log(futureTours);
+
+    if (futureTours.length > 0) {
+      return (
+        <>
+          <h3>Next season tours</h3>
+          {futureTours.map((tour) => (
+            <p key={tour.id}>
+              {new Date(tour.date).toLocaleDateString('en-US', {
+                timeZone: 'UTC',
+                weekday: 'long',
+                year: 'numeric',
+                month: 'long',
+                day: 'numeric'
+              })}&nbsp;-&nbsp;
+              {/* <PaddleTime start={tour.start} finish={tour.finish} /> */}
+              tour.start - tour.finish
+            </p>
+          ))}
+        </>
+      )
+    }
+  }
+
+  return (
+    <div>
+      <h3>Moonlight Tour Dates</h3>
+      <ul>
+        {nodes.map((tour) =>
+          <li key={tour.id}>
+            {/* // TODO: superfluous to have an element that could just be a class */}
+            <h4>
+              {new Date(tour.date).toLocaleDateString('en-US', {
+                weekday: 'long',
+                year: 'numeric',
+                month: 'long',
+                day: 'numeric'
+              })}&nbsp;-&nbsp;
+              {/* <PaddleTime start={tour.start} finish={tour.finish} /></h4> */}
+              tour.start - tour.finish
+            </h4>
+          </li>
+        )}
+      </ul>
+    </div>
+  )
+}

package/src/index.tsx

@@ -18,6 +18,7 @@ export * from "./PaddleTestimonial";
 export * from "./PaddleLocationDeck";
 export * from "./PaddleTestimonials";
 export * from "./PaddleBrandList";
+export * from "./PaddleMoonlightTourDatesTimes"
 
 // Templates
 

package/src/styles/typography.css

@@ -202,7 +202,6 @@ hgroup {
 select {
   font-size: var(--vinson);
   font-family: var(--body_font);
-  margin-block-end: var(--elbrus);
   margin-block-end: 0;
   /* A reset of styles, including removing the default dropdown arrow */
   appearance: none;
@@ -227,3 +226,14 @@ select {
     white-space: collapse;
   }
 }
+
+/*------------------*/
+/* #DEL */
+/*------------------*/
+
+del {
+  color: hsl(var(--sand__base), var(--dim));
+  @media (prefers-color-scheme: dark) {
+    color: hsl(var(--sand__base), var(--dark));
+  }
+}