@rileybathurst/paddle 1.9.23 → 1.9.25

package/package.json

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

package/src/index.tsx

@@ -39,6 +39,6 @@ export * from "./types/paddle-location-deck-types";
 export * from "./types/paddle-gatsby-image-type";
 export * from "./types/paddle-purchase-types";
 export * from "./types/paddle-purchase-image-types";
-export * from "./types/paddle-brand-types";
+export * from "./types/paddle-branded-types";
 export * from "./types/paddle-book-now-types";
 export * from "./types/paddle-testimonial-types";

package/src/paddle-brand-list.tsx

@@ -1,21 +1,27 @@
 import * as React from "react"
 import { Link } from 'gatsby';
 import SVG from 'react-inlinesvg';
-import type { PaddleBrandType } from "./types/paddle-brand-types";
+import type { PaddlePurchaseTypes } from "./types/paddle-purchase-types";
 
-export const PaddleBrandList = ({ nodes, sport }: { nodes: PaddleBrandType[]; sport?: string }) => {
+export const PaddleBrandList = ({ nodes, sport }: { nodes: PaddlePurchaseTypes[]; sport?: string }) => {
+
+  // TODO: testing
+  console.log(nodes);
+  nodes.map((node: PaddlePurchaseTypes) => {
+    console.log(node);
+  });
 
   return (
     <ul className='brand_list'>
-      {nodes.map((brand: PaddleBrandType) => (
-        <li key={brand.id}>
-          <Link to={`/retail/${sport}/${brand.slug}`}>
-            {brand.svg ?
+      {nodes.map((node: PaddlePurchaseTypes) => (
+        <li key={node.brand.id}>
+          <Link to={`/retail/${sport}/${node.brand.slug}`}>
+            {node.brand.svg ?
               <SVG
-                src={brand.svg}
+                src={node.brand.svg}
               />
               : null}
-            {brand.name}
+            {node.brand.name}
           </Link>
         </li>
       ))}

package/src/paddle-specs.tsx

@@ -20,9 +20,10 @@ type SpecsTypes = {
 }
 // * moving the section tag to the parent component means you can loop yourself
 export const PaddleSpecs = (specs: SpecsTypes) =>
-  // <section className='specs'>
   Object.entries(specs).map(([key, value]) => {
-    // console.log(key, value);
+    
+    console.log(key);
+    console.log(value);
 
     if (!value) {
       console.warn(`Missing value for ${key}`);
@@ -41,15 +42,6 @@ export const PaddleSpecs = (specs: SpecsTypes) =>
       // * I cant remeber others yet
     }
 
-
-
-
-
-
-
-
-
-
     if (key === "cost" && typeof value === "object" && value.discount) {
       const amount = (Number(value.price) -
         Number(value.discount) * (Number(value.price) / 100)) as number;
@@ -74,8 +66,8 @@ export const PaddleSpecs = (specs: SpecsTypes) =>
       );
     }
 
-    /* I didnt know you could call yourself like this */
-    /* I guess its not a infinite loop as its not calling an object */
+    /* // * this should be working for weight */
+    // The key kinda seems like its being thrown awaywhich is fine
     if (typeof value === "object") {
       return <PaddleSpecs {...value} />;
     }

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

@@ -0,0 +1,10 @@
+import { PaddlePurchaseTypes } from "./paddle-purchase-types";
+
+export interface PaddleBrandedTypes extends PaddlePurchaseTypes {
+  brand: {
+    id: string;
+    slug: string;
+    name: string;
+    
+  };
+}

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

@@ -22,6 +22,7 @@ export type PaddlePurchaseTypes = {
     id: React.Key;
     slug: string
     name: string;
+    svg?: string | null;
   };
 
   baseOne: { image: PaddleGatsbyImageType };

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

@@ -1,6 +0,0 @@
-export type PaddleBrandType = {
-  id: React.Key;
-  slug: string;
-  svg: string;
-  name: string;
-};