@rileybathurst/paddle 1.2.2 → 1.2.4

package/package.json

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

package/src/PaddleBookNow.tsx

@@ -3,13 +3,16 @@ import * as React from "react"
 interface BookNowTypes {
   peek_base: string
   strapiLocaleName: string
+  specificName?: string
+  specificLink?: string
 }
-export const PaddleBookNow = ({ peek_base, strapiLocaleName }: BookNowTypes) =>
+export const PaddleBookNow = ({ peek_base, strapiLocaleName, specificName, specificLink }: BookNowTypes) =>
   <a
-    href={peek_base}
+    href={specificLink || peek_base}
     rel="noopener noreferrer"
     className="book-now"
-    title={`Book now with ${strapiLocaleName} kayak and paddleboard`}
+    title={`Book now ${specificLink && <> {specificLink} </>} with ${strapiLocaleName} kayak and paddleboard`}
   >
+    {specificName && (<>{specificName} <br /></>)}
     BOOK NOW
   </a>

package/src/PaddlePurchase.tsx

@@ -22,8 +22,8 @@ interface BadgeTypes {
   demo: boolean;
   discount?: number;
 }
+// TODO: deal with multiple
 const Badges = ({ inflatable, demo, discount }: BadgeTypes) => {
-  // TODO: deal with multiple
   if (discount) {
     return (
       <div className="badge">
@@ -82,13 +82,14 @@ export const PaddlePurchase = ({ id, title, slug, excerpt, length, width, inflat
           to={`/retail/${sportSlug}/${brandSlug}/${slug}`}
           className="image-link"
         >
-          <GatsbyImage
-            image={cutout.localFile?.childImageSharp?.gatsbyImageData}
-            alt={cutout.alternativeText || `${title} by ${brandSlug}`}
-            className="cutout"
-            objectFit="contain"
-          // TODO: this has been causing some problems but keep an eye on it
-          />
+          {cutout && (
+            <GatsbyImage
+              image={cutout.localFile?.childImageSharp?.gatsbyImageData}
+              alt={cutout.alternativeText || `${title} by ${brandSlug}`}
+              className="cutout"
+              objectFit="contain"
+            />
+          )}
         </Link>
         <Badges
           inflatable={inflatable}

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

@@ -3,11 +3,6 @@ export interface PaddleLocationCardTypes {
   svg: string;
   name: string;
   link: string;
-  address: {
-    data: {
-      address: string;
-    };
-  };
   description: {
     data: {
       description: string;