@rileybathurst/paddle 0.0.103 → 0.0.104

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@rileybathurst/paddle",
   "private": false,
-  "version": "0.0.103",
+  "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,11 +24,8 @@ 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 (
@@ -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}
+          </>
         ) :
 
           (<>
@@ -130,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/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/typography.css

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