@rileybathurst/paddle 1.9.14 → 1.9.16

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@rileybathurst/paddle",
   "private": false,
-  "version": "1.9.14",
+  "version": "1.9.16",
   "type": "module",
   "scripts": {
     "dev": "tsc --noEmit && stay-gold && vite",

package/src/paddle-location-deck.tsx

@@ -9,6 +9,10 @@ export const PaddleLocationDeck = ({
   season_end,
   phone
 }: PaddleLocationDeckTypes) => {
+  
+  // TODO: testing
+  console.log("PaddleLocationDeck phone", phone);
+
   return (
     <section className="location-deck">
       {nodes.map((location: PaddleLocationTypes) => (

package/src/paddle-location.tsx

@@ -184,7 +184,9 @@ export const PaddleLocation = ({
   weatherPermitting
 }: PaddleLocationTypes) => {
 
-  const phoneDidgits = Number(phone);
+    
+  // TODO: testing
+  console.log("PaddleLocation phone", phone);
 
   const content = (
     <Content
@@ -217,7 +219,7 @@ export const PaddleLocation = ({
         {content}
       </a>
       {phone && (
-        <Phone phone={phoneDidgits} />
+        <Phone phone={phone} />
       )}
     </div>
   ) : (
@@ -226,7 +228,7 @@ export const PaddleLocation = ({
         {content}
       </Link>
       {phone && (
-        <Phone phone={phoneDidgits} />
+        <Phone phone={phone} />
       )}
     </div>
   );

package/src/phone.tsx

@@ -1,13 +1,19 @@
 import * as React from "react";
 
 interface FormatPhoneNumberTypes {
-  phoneNumberString: number;
+  phone: number;
 }
-const FormatPhoneNumber = ({ phoneNumberString }: FormatPhoneNumberTypes) => {
-  const phoneNumber = String(phoneNumberString);
+const FormatPhoneNumber = ({ phone }: FormatPhoneNumberTypes) => {
+  const phoneNumber = String(phone);
+
+  // TODO: testing
+  console.log("FormatPhoneNumber phone", phone);
   const cleaned = `${phoneNumber}`.replace(/\D/g, "");
   const match = cleaned.match(/^(\d{3})(\d{3})(\d{4})$/);
   if (match) {
+
+    // TODO: testing
+    console.log("match", match);
     return `(${match[1]}) ${match[2]}-${match[3]}`;
   }
   return null;
@@ -18,12 +24,16 @@ type PhoneTypes = {
 };
 
 const Phone = ({ phone }: PhoneTypes) => {
+
+  // TODO: testing
+  console.log("phone", phone);
+
   return (
     <a href={`tel:${phone}`}
     rel="noopener noreferrer"
     className="button location-phone"
     >
-      Phone: <FormatPhoneNumber phoneNumberString={phone} />
+      Phone: <FormatPhoneNumber phone={phone} />
     </a>
   );
 };

package/src/types/paddle-location-deck-types.ts

@@ -1,9 +1,8 @@
 import type { PaddleLocationTypes } from "./paddle-location-types";
 
 export type PaddleLocationDeckTypes = {
-  background?: string;
-  season_start?: string; // ? should this be optional? it created a problem with tours
-  season_end?: string;
-  phone?: string;
+  season_start: string;
+  season_end: string;
+  phone?: number;
   nodes: PaddleLocationTypes[];
 };

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

@@ -15,7 +15,6 @@ export interface PaddleLocationTypes {
     season_start: string;
     season_end: string;
   };
-  background?: string;
 
   streetAddress?: string;
   addressLocality?: string;
@@ -23,9 +22,9 @@ export interface PaddleLocationTypes {
   postalCode?: string;
   commonName?: string;
 
-  season_start?: string;
-  season_end?: string;
-  phone?: string;
+  season_start: string;
+  season_end: string;
+  phone: number;
 
   offSeasonDetails?: string;
   weatherPermitting?: boolean;