@rileybathurst/paddle 1.9.46 → 1.9.47

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@rileybathurst/paddle",
   "private": false,
-  "version": "1.9.46",
+  "version": "1.9.47",
   "type": "module",
   "scripts": {
     "dev": "tsc --noEmit && stay-gold && vite",

package/src/App.tsx

@@ -1,10 +1,11 @@
 // * this is the opening vite page to test functions with
+// TODO: faker
 
 import { useState } from 'react'
 import reactLogo from './assets/react.svg'
 import viteLogo from '/vite.svg'
 import { PaddlePricingChart } from './paddle-pricing-chart'
-import { PaddleCompare } from './paddle-compare'
+// import { PaddleCompare } from './paddle-compare'
 
 function App() {
   const [count, setCount] = useState(0)
@@ -96,7 +97,7 @@ function App() {
         }}
       />
 
-      <PaddleCompare
+      {/* <PaddleCompare
         peek_base="123"
         strapiBranchName="south-tahoe"
         tours={[
@@ -149,7 +150,7 @@ function App() {
             peek: "101112"
           }
         ]}
-      />
+      /> */}
     </>
   )
 }

package/src/paddle-compare.tsx

@@ -60,6 +60,10 @@ const CompareDetails = ({
     timeframe: timeframe,
   });
 
+  if (sport === "sup") {
+    sport = "Paddleboard";
+  }
+
   return (
     <section>
       <select
@@ -84,7 +88,7 @@ const CompareDetails = ({
         <GatsbyImage
           image={ogimage.localFile.childImageSharp.gatsbyImageData}
           alt={ogimage.alternativeText || name}
-          className="comparesheet_image"
+          className="comparesheet_image img__wrapped"
         />
       ) : <div>&nbsp;</div>}
 
@@ -176,7 +180,7 @@ export const PaddleCompare = ({ tours, breadcrumb, strapiBranchName, peek_base }
     setMinimum1(selectedTour.minimum || 0);
     setPrice1(selectedTour.price || 0);
     setPeeks1(selectedTour.peek || "not set");
-    setFitness1(selectedTour.fitness || "fitness");
+    setFitness1(selectedTour.fitness || "not set");
   };
 
   const updateTour2 = (selectedName: string) => {
@@ -196,7 +200,7 @@ export const PaddleCompare = ({ tours, breadcrumb, strapiBranchName, peek_base }
     setMinimum2(selectedTour.minimum || 0);
     setPrice2(selectedTour.price || 0);
     setPeeks2(selectedTour.peek || "not set");
-    setFitness2(selectedTour.fitness || "fitness");
+    setFitness2(selectedTour.fitness || "not set");
   };
 
   return (

package/src/styles/lists.css

@@ -84,22 +84,10 @@ ol {
   ul {
     list-style: none;
     padding-inline-start: 0;
-    display: flex;
-    flex-flow: row wrap;
-    gap: var(--vinson);
 
     li {
-      height: 2lh;
-      margin-block-end: 1lh;
-
-      @supports not (margin: 1lh) {
-        height: var(--aconcagua);
-        margin-block-end: var(--elbrus);
-      }
-    }
-
-    li:last-child {
-      border-bottom: none;
+      line-height: 1.5lh;
+      margin-block-end: 0; /* reset */
     }
   }
 }

package/src/styles/media.css

@@ -164,6 +164,12 @@ svg {
 .img__wrapped {
   border-radius: 0.25rem;
   box-shadow: var(--penumbra);
+
+  border: 1px solid white;
+
+  @media (prefers-color-scheme: dark) {
+    border: 1px solid black;
+  }
 }
 
 .crop {