@rileybathurst/paddle 0.0.53 → 0.0.55

package/package.json

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

package/src/PaddleSEO.tsx

@@ -2,10 +2,10 @@ import React from "react";
 import { Script } from "gatsby";
 
 interface BreadcrumbsTypes {
-  url: string;
+  url?: string;
   [key: number]: {
-    name: string;
-    item: string;
+    name?: string;
+    item?: string;
   };
 }[]
 // I could probably pass it two arguments instead but for now
@@ -41,13 +41,13 @@ function Breadcrumbs(breadcrumbs: BreadcrumbsTypes) {
 }
 
 type SEOtypes = {
-  title: string;
-  description: string;
+  title?: string;
+  description?: string;
   url: string;
-  ogImage: string;
-  ogimagedescription: string;
-  breadcrumbs: BreadcrumbsTypes;
-  children: React.ReactNode;
+  ogImage?: string;
+  ogImagedescription?: string;
+  breadcrumbs?: BreadcrumbsTypes;
+  // children: React.ReactNode;
 
   strapiLocale: {
     name: string;
@@ -61,22 +61,24 @@ type SEOtypes = {
     geoRadius: string;
     phone: string;
     ogImage: string;
-    ogimagedescription: string;
+    ogImagedescription: string;
   };
 
-  strapiLocation: {
-    streetAddress: string;
-    addressLocality: string;
-    addressRegion: string;
-    postalCode: string;
-    paymentAccepted: string;
-    phone: string;
-    opening_time: string;
-    closing_time: string;
+  allStrapiLocation: {
+    nodes: {
+      streetAddress: string;
+      addressLocality: string;
+      addressRegion: string;
+      postalCode: string;
+      paymentAccepted: string;
+      phone: string;
+      opening_time: string;
+      closing_time: string;
+    }[];
   };
 }
 
-export const PaddleSEO = ({ title, description, ogImage, ogimagedescription, breadcrumbs, strapiLocale, strapiLocation }: SEOtypes) => {
+export const PaddleSEO = ({ title, description, ogImage, ogImagedescription, breadcrumbs, strapiLocale, allStrapiLocation }: SEOtypes) => {
 
   const businessName = `${strapiLocale.name} Kayak & Paddleboard rentals and tours`;
 
@@ -85,15 +87,17 @@ export const PaddleSEO = ({ title, description, ogImage, ogimagedescription, bre
   const PaddleDescription = description || businessName;
   // url: `${strapiLocale.url}${SE0.url}` || strapiLocale.url,
   const PaddleImage = ogImage || strapiLocale.ogImage;
-  const PaddleImageAlt = ogimagedescription || strapiLocale.ogimagedescription;
+  const PaddleImageAlt = ogImagedescription || strapiLocale.ogImagedescription;
 
   // const query = '- cash\n - credit card';
   // const formatted = query.split('\n').map((item) => item.trim().replace('- ', '')).join(', ');
   // console.log(formatted);
 
+  // TODO: this is now allStrapiLocation.nodes
+  // TODO: I think this will be a keylocation piece
   // console.log(strapiLocation.paymentAccepted);
-  const paymentAcceptedQuery = strapiLocation.paymentAccepted;
-  const paymentAcceptedFormatted = paymentAcceptedQuery.split('\n').map((payment: string) => payment.trim().replace('- ', '')).join(', ');
+  // const paymentAcceptedQuery = strapiLocation.paymentAccepted ? strapiLocation.paymentAccepted : '';
+  // const paymentAcceptedFormatted = paymentAcceptedQuery.split('\n').map((payment: string) => payment.trim().replace('- ', '')).join(', ');
   // console.log(paymentAcceptedFormatted);
 
   return (
@@ -118,13 +122,18 @@ export const PaddleSEO = ({ title, description, ogImage, ogimagedescription, bre
             "url": "${strapiLocale.url}",
             "description": "${strapiLocale.name}",
             "image": "${PaddleImage}",
-            "address": {
-              "@type": "PostalAddress",
-              "streetAddress": "${strapiLocation.streetAddress}",
-              "addressLocality": "${strapiLocation.addressLocality}",
-              "addressRegion": "${strapiLocation.addressRegion}",
-              "postalCode": "${strapiLocation.postalCode}"
-            },
+            
+            ${allStrapiLocation.nodes.map((location) => {
+          return `{
+                "address": {
+                  "@type": "PostalAddress",
+                  "streetAddress": "${location.streetAddress}",
+                  "addressLocality": "${location.addressLocality}",
+                  "addressRegion": "${location.addressRegion}",
+                  "postalCode": "${location.postalCode}"
+                },
+              }`
+        })},
             "geo": {
               "@type": "GeoCoordinates",
               "latitude": "${strapiLocale.latitude}",
@@ -139,11 +148,7 @@ export const PaddleSEO = ({ title, description, ogImage, ogimagedescription, bre
               },
               "geoRadius": "${strapiLocale.geoRadius}"
             },
-            "paymentAccepted": "${paymentAcceptedFormatted}",
             "telephone": "${strapiLocale.phone}",
-            "numberOfEmployees": "10",
-            "openingHours": "Mo, Tu, We, Th, Fr, Sa, Su ${strapiLocation.opening_time}-${strapiLocation.closing_time}",
-            "priceRange": "$30-$375"
           }
         `}
       </Script>