@rileybathurst/paddle 1.9.13 → 1.9.15

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@rileybathurst/paddle",
   "private": false,
-  "version": "1.9.13",
+  "version": "1.9.15",
   "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

@@ -119,12 +119,12 @@ const Content = ({
   phone,
 }: ContentTypes) => {
   return (
-    <>
+    <React.Fragment>
       <div className="svg">
         <SVG src={svg} />
       </div>
 
-      <div className="location_details">
+      <div className="location-details">
         <h3>{name}</h3>
 
         {streetAddress ||
@@ -161,7 +161,7 @@ const Content = ({
           <Phone phone={phone} />
         )}
       </div>
-    </>
+    </React.Fragment>
   );
 };
 
@@ -186,6 +186,10 @@ export const PaddleLocation = ({
 
   const phoneDidgits = Number(phone);
 
+    
+  // TODO: testing
+  console.log("PaddleLocation phone", phone);
+
   const content = (
     <Content
       svg={svg}
@@ -206,7 +210,7 @@ export const PaddleLocation = ({
   );
 
   return link.includes("http") ? (
-    <React.Fragment>
+    <div className={`location-wrapper ${phone ? 'phone-spacer' : ''}`}>
       <a
         href={link}
         className="location"
@@ -219,15 +223,15 @@ export const PaddleLocation = ({
       {phone && (
         <Phone phone={phoneDidgits} />
       )}
-    </React.Fragment>
+    </div>
   ) : (
-    <React.Fragment>
+    <div className={`location-wrapper ${phone ? 'phone-spacer' : ''}`}>
       <Link to={link} className="location">
         {content}
       </Link>
       {phone && (
         <Phone phone={phoneDidgits} />
       )}
-    </React.Fragment>
+    </div>
   );
 };

package/src/phone.tsx

@@ -18,8 +18,16 @@ type PhoneTypes = {
 };
 
 const Phone = ({ phone }: PhoneTypes) => {
+
+    
+  // TODO: testing
+  console.log("phone", phone);
+
   return (
-    <a href={`tel:${phone}`} rel="norel norefferer" className="button">
+    <a href={`tel:${phone}`}
+    rel="noopener noreferrer"
+    className="button location-phone"
+    >
       Phone: <FormatPhoneNumber phoneNumberString={phone} />
     </a>
   );