@rileybathurst/paddle 0.0.102 → 0.0.104

package/package.json

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

package/src/PaddleLocationCard.tsx

@@ -5,6 +5,7 @@ import { Link } from 'gatsby';
 import Markdown from "react-markdown";
 import type { LocationCardTypes } from "./types/location-card-types";
 import HourMin from "./hour-min";
+import Phone from "./phone";
 
 interface SeasonTypes {
   season_start?: string;
@@ -23,20 +24,17 @@ function Season({ name, season_start, season_end, opening_time, closing_time }:
 
   if (season_start && season_end) {
     const currentDay = new Date();
-    console.log(`currentDay ${currentDay}`);
     const seasonStartDate = new Date(season_start);
-    console.log(`season_start ${season_start}`);
     const seasonEndDate = new Date(season_end);
-    console.log(`season_end ${season_end}`);
-
 
     if (currentDay > seasonStartDate || currentDay < seasonEndDate) {
       return (
         <p>
-          {opening_time ? "Open Daily: " : null}
-          <HourMin time={opening_time} />
-          {opening_time ? " - : " : null}
-          <HourMin time={closing_time} />
+          {opening_time ? "Open Daily: " : null}<br />
+          {opening_time && closing_time ? (
+            <span><HourMin time={opening_time} /> - <HourMin time={closing_time} /></span>
+          )
+            : null}
         </p>
       )
     }
@@ -89,13 +87,18 @@ function Content({ svg, name, address, description, opening_time, closing_time,
       <div>
 
         {streetAddress || addressLocality || addressRegion || postalCode || commonName ? (
-          <address>
-            {commonName ? <span>{commonName}<br /></span> : null}
-            {streetAddress ? <span>{streetAddress}<br /></span> : null}
-            {addressLocality ? <span>{addressLocality}, </span> : null}
-            {addressRegion ? <span>{addressRegion} </span> : null}
-            {postalCode ? <span>{postalCode}<br /></span> : null}
-          </address>
+          <>
+            <h3 className="elbrus">{name}</h3>
+            <address>
+              {commonName ? <span>{commonName}<br /></span> : null}
+              {streetAddress ? <span>{streetAddress}<br /></span> : null}
+              {addressLocality ? <span>{addressLocality}, </span> : null}
+              {addressRegion ? <span>{addressRegion} </span> : null}
+              {postalCode ? <span>{postalCode}<br /></span> : null}
+            </address>
+
+            {name === "On Water Rental" ? <Phone /> : null}
+          </>
         ) :
 
           (<>
@@ -108,17 +111,20 @@ function Content({ svg, name, address, description, opening_time, closing_time,
       </div>
 
       <div>
-        <Season
-          season_start={season_start}
-          season_end={season_end}
-          opening_time={opening_time}
-          closing_time={closing_time}
-          name={name}
-        />
-        <br />
-        <Markdown className="react-markdown" >
-          {description.data.description}
-        </Markdown>
+
+        {opening_time && closing_time ? (
+          <Season
+            season_start={season_start}
+            season_end={season_end}
+            opening_time={opening_time}
+            closing_time={closing_time}
+            name={name}
+          />
+        ) : (
+          <Markdown className="react-markdown" >
+            {description.data.description}
+          </Markdown>
+        )}
         {/* // TODO: add phone but dont break the link on link rule {name === "On Water Rental" ? <Phone /> : null} */}
       </div>
     </>
@@ -127,13 +133,6 @@ function Content({ svg, name, address, description, opening_time, closing_time,
 
 export function PaddleLocationCard({ svg, name, link, address, description, opening_time, closing_time, background, streetAddress, addressLocality, addressRegion, postalCode, commonName, season_start, season_end }: LocationCardTypes) {
 
-  Object.entries({ svg, name, link, address, description, opening_time, closing_time, background, streetAddress, addressLocality, addressRegion, postalCode, commonName, season_start, season_end }).map(([key, value]) => {
-    console.log(key, value);
-  }
-  );
-
-  console.log(`PaddleLocationCard season_start ${season_start}`);
-
   if (link.includes('http')) {
     return (
       <a href={link}

package/src/PaddleLocationDeck.tsx

@@ -10,10 +10,6 @@ interface LocationDeckTypes {
 }
 export function PaddleLocationDeck({ nodes, season_start, season_end, background }: LocationDeckTypes) {
 
-
-  console.log('🦄');
-  console.log(season_start);
-
   return (
     <section className="location-deck">
       {nodes.map((location: LocationCardTypes) => (

package/src/styles/cards.css

@@ -4,6 +4,9 @@
 
 .deck {
   margin-block-end: var(--aconcagua);
+
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(var(--condor), 1fr));
 }
 
 /* TODO: needs sub-grid */
@@ -77,6 +80,10 @@
     margin-inline: var(--kosciuszko);
   }
 
+  img {
+    max-width: 100%;
+  }
+
   .card__details {
     display: flex;
     gap: var(--vinson);

package/src/styles/layout.css

@@ -245,6 +245,10 @@ header {
   p {
     margin-block-end: 0; /* reset to the gap */
   }
+
+  ul {
+    padding-inline-start: 0;
+  }
 }
 
 .location.false:not(:last-child) {

package/src/styles/typography.css

@@ -246,4 +246,8 @@ select {
 .react-markdown {
   white-space: pre-wrap;
   line-height: 1.5;
+
+  ul {
+    white-space: collapse;
+  }
 }