@rileybathurst/paddle 1.0.13 → 1.0.15

package/package.json

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

package/src/PaddleLocationCard.tsx

@@ -18,7 +18,7 @@ type PlaceTypes = {
 const Place = ({ commonName, streetAddress, addressLocality, addressRegion, postalCode }: PlaceTypes) => {
   return (
     <address>
-      {commonName ? (<>{commonName},&nbsp;</>) : null},&nbsp;
+      {commonName ? (<>{commonName},&nbsp;</>) : null}
       {streetAddress ? (<>{streetAddress},&nbsp;</>) : null}
       {addressLocality ? (<>{addressLocality},&nbsp;</>) : null}
       {addressRegion ? (<>{addressRegion},&nbsp;</>) : null}
@@ -35,6 +35,7 @@ interface SeasonTypes {
   closing_time: string;
   name: string;
   offSeasonDetails?: string;
+  weatherPermitting?: boolean;
 }
 const Season = ({
   name,
@@ -43,6 +44,7 @@ const Season = ({
   opening_time,
   closing_time,
   offSeasonDetails,
+  weatherPermitting
 }: SeasonTypes) => {
   // TODO: these need a query but thats not the most important first step
   if (
@@ -65,7 +67,7 @@ const Season = ({
           {opening_time && closing_time ? (
             <><HourMin time={opening_time} /> - <HourMin time={closing_time} />&nbsp;</>
           ) : null}
-          Weather Permitting
+          {weatherPermitting ? "Weather Permitting" : null}
         </p>
       );
     }
@@ -118,6 +120,7 @@ interface ContentTypes {
 
   offSeasonDetails?: string;
   phoneNumber?: number;
+  weatherPermitting?: boolean;
 
   streetAddress?: string;
   addressLocality?: string;
@@ -141,23 +144,24 @@ const PhoneContent = ({
   season_end,
   offSeasonDetails,
   phoneNumber,
+  weatherPermitting
 }: ContentTypes) => {
   return (
     <>
       {link?.includes("http") ? (
         <a
           href={link}
-          className="location"
+          className="svg"
           target="_blank"
           rel="noopener noreferrer"
           title={name}
         >
-          <div className="svg" dangerouslySetInnerHTML={{ __html: svg }} />
+          <div dangerouslySetInnerHTML={{ __html: svg }} />
         </a>
       ) : (
         link && (
-          <Link to={link} className="location">
-            <div className="svg" dangerouslySetInnerHTML={{ __html: svg }} />
+          <Link to={link} className="svg">
+            <div dangerouslySetInnerHTML={{ __html: svg }} />
           </Link>
         )
       )}
@@ -229,6 +233,7 @@ const PhoneContent = ({
             closing_time={closing_time}
             name={name}
             offSeasonDetails={offSeasonDetails}
+            weatherPermitting={weatherPermitting}
           />
         ) : (
           <div className="react-markdown">
@@ -251,6 +256,7 @@ const Content = ({
   addressRegion,
   postalCode,
   commonName,
+  weatherPermitting,
   season_start,
   season_end,
   offSeasonDetails,
@@ -286,6 +292,7 @@ const Content = ({
             closing_time={closing_time}
             name={name}
             offSeasonDetails={offSeasonDetails}
+            weatherPermitting={weatherPermitting}
           />
         ) : (
           <div className="react-markdown">
@@ -315,6 +322,7 @@ export const PaddleLocationCard = ({
   phone,
   phoneNumber,
   offSeasonDetails,
+  weatherPermitting
 }: PaddleLocationCardTypes) => {
 
   const phoneDidgits = Number(phoneNumber);
@@ -339,6 +347,7 @@ export const PaddleLocationCard = ({
           season_end={season_end}
           offSeasonDetails={offSeasonDetails}
           phoneNumber={phoneDidgits}
+          weatherPermitting={weatherPermitting}
         />
       </div>
     );
@@ -368,6 +377,7 @@ export const PaddleLocationCard = ({
           season_start={season_start}
           season_end={season_end}
           offSeasonDetails={offSeasonDetails}
+          weatherPermitting={weatherPermitting}
         />
       </a>
     );
@@ -389,6 +399,7 @@ export const PaddleLocationCard = ({
         season_start={season_start}
         season_end={season_end}
         offSeasonDetails={offSeasonDetails}
+        weatherPermitting={weatherPermitting}
       />
     </Link>
   );

package/src/styles/buttons.css

@@ -233,6 +233,13 @@ menu button {
   justify-content: center;
 }
 
+.location_multi-link {
+  display: flex;
+  justify-content: space-between;
+  gap: var(--denali);
+  width: 100%;
+}
+
 /*------------------------------------*/
 
 footer .book-now {

package/src/styles/color.css

@@ -83,6 +83,15 @@ body .south-tahoe {
 /* #SPECS */
 /*------------------------------------*/
 
-.specs h2, .specs .spec__unit {
+.specs h2,
+.specs .spec__unit {
   color: grey;
-}
+}
+
+.menu__large hr {
+  border-color: var(--neutral-300);
+
+  @media (prefers-color-scheme: dark) {
+    border-color: var(--neutral-600);
+  }
+}

package/src/styles/layout.css

@@ -339,16 +339,24 @@ header {
   margin-block-end: var(--kilimanjaro);
 }
 
+.location:not(:last-child) {
+  border-block-end: 1px solid var(--neutral-400);
+  margin-block-end: var(--kosciuszko);
+}
+
 .location {
   display: flex;
-  flex-flow: row wrap;
+  flex-flow: row;
   align-items: center;
   gap: clamp(var(--kosciuszko), 1.67vw, var(--elbrus));
   border-radius: var(--card-radius);
 
-  > a {
-    display: flex;
-  }
+  /* TODO: this is breaking with a phone and pushing too much location */
+  /* > * {
+    flex: 3rem 1;
+    width: 100%;
+    height: fit-content;
+  } */
 
   > svg,
   .svg {
@@ -356,6 +364,10 @@ header {
     min-height: var(--everest);
   }
 
+  > div {
+    width: 100%;
+  }
+
   /* p {
     margin-block-end: 0; reset to the gap
   } */
@@ -365,6 +377,8 @@ header {
   }
 }
 
+.location:not(:last-child)
+
 /*------------------*/
 /* #COMPOSITION */
 /*------------------*/

package/src/types/location-card-types.ts

@@ -34,4 +34,5 @@ export interface PaddleLocationCardTypes {
 
   offSeasonDetails?: string;
   phone?: boolean;
+  weatherPermitting?: boolean;
 }