@rileybathurst/paddle 1.9.23 → 1.9.24

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@rileybathurst/paddle",
   "private": false,
-  "version": "1.9.23",
+  "version": "1.9.24",
   "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,13 +1,13 @@
 import * as React from "react"
 import { Link } from 'gatsby';
 import SVG from 'react-inlinesvg';
-import type { PaddleBrandType } from "./types/paddle-brand-types";
+import type { PaddleBrandedTypes } from "./types/paddle-branded-types";
 
-export const PaddleBrandList = ({ nodes, sport }: { nodes: PaddleBrandType[]; sport?: string }) => {
+export const PaddleBrandList = ({ nodes, sport }: { nodes: PaddleBrandedTypes[]; sport?: string }) => {
 
   return (
     <ul className='brand_list'>
-      {nodes.map((brand: PaddleBrandType) => (
+      {nodes.map((brand: PaddleBrandedTypes) => (
         <li key={brand.id}>
           <Link to={`/retail/${sport}/${brand.slug}`}>
             {brand.svg ?

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 type PaddleBrandedTypes = PaddlePurchaseTypes & {
+  brand: {
+    id: string;
+    slug: string;
+    name: string;
+    svg?: string;
+  };
+}

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

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