@rileybathurst/paddle 1.9.27 → 1.9.29

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@rileybathurst/paddle",
   "private": false,
-  "version": "1.9.27",
+  "version": "1.9.29",
   "type": "module",
   "scripts": {
     "dev": "tsc --noEmit && stay-gold && vite",
     "dirty": "vite",
-    "build": "tsc --noEmit &&  vite build",
+    "build": "tsc --noEmit && vite build",
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
     "preview": "vite preview",
     "storybook": "tsc --noEmit && stay-gold && storybook dev -p 6006",

package/src/index.css

@@ -1,3 +1,5 @@
+/* storybook file */
+
 :root {
   font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
   line-height: 1.5;

package/src/paddle-brand-list.tsx

@@ -9,7 +9,9 @@ export const PaddleBrandList = ({ brands, sport }: { brands: PaddleBrandListType
     <ul className='brand_list'>
       {brands.map((brand: PaddleBrandListTypes) => (
         <li key={brand.id}>
-          <Link to={`/retail/${sport}/${brand.slug}`}>
+          <Link to={`/retail/${sport}/${brand.slug}`}
+            className='button'
+            >
             {brand.svg ?
               <SVG
                 src={brand.svg}

package/src/paddle-moonlight-date-time.tsx

@@ -30,7 +30,6 @@ export const PaddleMoonlightDatesTimes = ({ nodes }: MoonlightTourDateTime) => (
               timeZone: "UTC",
               weekday: "long",
               year: "numeric",
-              month: "long",
               day: "numeric",
             })}
              - 

package/src/paddle-specs.tsx

@@ -21,9 +21,6 @@ type SpecsTypes = {
 // * moving the section tag to the parent component means you can loop yourself
 export const PaddleSpecs = (specs: SpecsTypes) =>
   Object.entries(specs).map(([key, value]) => {
-    
-    console.log(key);
-    console.log(value);
 
     if (!value) {
       console.warn(`Missing value for ${key}`);

package/src/paddle-sunset-tour-times.tsx

@@ -21,10 +21,27 @@ export const PaddleSunsetTourTimes = ({ nodes }: PaddleSunsetTourTimesTypes) =>
       const startTimeSplit = time.startTime.split(':');
       const endTimeSplit = time.endTime.split(':');
 
+      // Jan 26 - May 31
+      // 20:1 - 5:17
+
       return (
         <div key={time.id}>
-          <p>{startDate.toLocaleDateString()} - {endDate.toLocaleDateString()}</p>
-          <p>{startTimeSplit[0]}:{startTimeSplit[1]} - {endTimeSplit[0]}:{endTimeSplit[1]}</p>
+          <h3 className="date elbrus">
+            <strong>
+              {startDate.toLocaleDateString("en-US", { month: "short" })}&nbsp;
+            </strong>
+            {startDate.toLocaleString("en-US", { day: "numeric" })}
+            &nbsp;-&nbsp;
+            <strong>
+              {endDate.toLocaleDateString("en-US", { month: "short" })}&nbsp;
+            </strong>
+            {endDate.toLocaleString("en-US", { day: "numeric" })}
+          </h3>
+          <p className="time">
+            {startTimeSplit[0]}:{startTimeSplit[1]}
+            &nbsp;-&nbsp;
+            {endTimeSplit[0]}:{endTimeSplit[1]}
+          </p>
         </div>
       )
     })}

package/src/styles/color.css

@@ -11,7 +11,7 @@ body {
   }
 }
 
-.tahoe-city body {
+body.tahoe-city  {
   background-color: var(--sand-100);
   color: var(--neutral-800);
 
@@ -34,15 +34,15 @@ body:has(#storybook-root) {
     }
   }
 }
-
-body .tahoe-city {
+  
+body.tahoe-city {
   @media (prefers-color-scheme: dark) {
     background-color: var(--navy-300);
     color: var(--neutral-100);
   }
 }
 
-body .south-tahoe {
+body.south-tahoe {
   @media (prefers-color-scheme: dark) {
     background-color: var(--lake-800);
     color: var(--lake-600);

package/src/styles/nav.css

@@ -73,7 +73,7 @@ header {
   .menu-list {
     display: flex;
     flex-flow: row wrap;
-    align-items: stretch;
+    align-items: baseline;
     justify-content: flex-start;
     gap: var(--kilimanjaro);
     max-height: none;
@@ -84,6 +84,10 @@ header {
     pointer-events: auto;
     transition: none;
     margin-block: 0;
+
+    a {
+      margin: 0;
+    }
   }
 }
 

package/src/types/paddle-ticket-types.ts

@@ -15,7 +15,7 @@ export type PaddleTicketTypes = {
   excerpt: string;
   price: string;
   peek: string;
-  featured?: boolean;
+  order: number;
 
   peek_tours_fall_back: string;
   tour_page: string;