@rileybathurst/paddle 0.0.15 → 0.0.16

package/package.json

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

package/src/PaddleTime.tsx

@@ -1,5 +1,7 @@
 // import * as React from "react"
 
+import { en } from "@faker-js/faker";
+
 interface TimeTypes {
   start?: string | null;
   finish?: string | null;
@@ -14,8 +16,10 @@ export const PaddleTime = ({ start, finish, duration, timeframe }: TimeTypes) =>
 
   if (timeframe) {
     return {
-      key: timeframe,
-      unit: 'timeframe'
+      // key: timeframe, cant return key its a react special prop
+      // https://react.dev/warnings/special-props
+      entry: timeframe,
+      value: 'timeframe'
     }
   }
 
@@ -42,10 +46,10 @@ export const PaddleTime = ({ start, finish, duration, timeframe }: TimeTypes) =>
     }
 
     return {
-      key: `${startHoursInt}${startMinsInt > 0 ? `:${startMinsInt}:${hairSpace}` : ''}${hairSpace}${startAmpm}
-      - 
-      ${finishHoursInt}${finishMinsInt > 0 ? `:${finishMinsInt}${hairSpace}` : ''}${hairSpace}${finishAmpm}`,
-      unit: "time"
+      entry: startHours === '12' ? 'noon' : `${startHoursInt}${startMinsInt > 0 ? `:${finishMinsInt}${hairSpace}` : ''}${startAmpm}
+      -
+      ${finishHours === '12' ? 'noon' : `${finishHoursInt}${finishMinsInt > 0 ? `:${finishMinsInt}${hairSpace}` : ''}${hairSpace}${finishAmpm}`}`,
+      value: "time"
     }
   }
 
@@ -55,19 +59,19 @@ export const PaddleTime = ({ start, finish, duration, timeframe }: TimeTypes) =>
       const mins = duration % 60;
 
       return {
-        key: `${hours}${hairSpace}hrs ${mins > 0 ? `${mins}${hairSpace}mins` : ''}`,
-        unit: "duration"
+        entry: `${hours}${hairSpace}hrs ${mins > 0 ? `${mins}${hairSpace}mins` : ''} `,
+        value: "duration"
       }
     }
 
     return {
-      key: `${duration}${hairSpace}mins`,
-      unit: "duration"
+      entry: `${duration}${hairSpace} mins`,
+      value: "duration"
     }
   }
 
   return {
-    key: null,
-    unit: null
+    entry: null,
+    value: null
   }
 }

package/src/stories/Ticket.tsx

@@ -5,21 +5,20 @@ import { Link } from 'react-aria-components';
 import { faker } from '@faker-js/faker';
 import { PaddleTime } from '../PaddleTime';
 
-interface TicketProps {
+/* interface TicketProps {
   primary?: boolean;
   onClick?: () => void;
-}
+} */
 
-export const Ticket = ({
-  primary = false,
-  ...props
-}: TicketProps) => {
+export const Ticket = () => {
 
   const time = PaddleTime({
     timeframe: faker.datatype.boolean() ? faker.helpers.arrayElement(['sunset', 'overnight']) : null,
     // ? faker boolean covering both start and finish
     start: faker.datatype.boolean() ? `${faker.number.int({ min: 1, max: 24 })}:${faker.number.int(60)}:00.000` : null,
+    // start: '12:00:00.000',
     finish: faker.datatype.boolean() ? `${faker.number.int({ min: 1, max: 24 })}:${faker.number.int(60)}:00.000` : null,
+    // finish: '12:00:00.000',
     duration: faker.datatype.boolean() ? faker.number.int(200) : null
   });
 
@@ -34,7 +33,7 @@ export const Ticket = ({
         </Link>
       </h4>
       <div className="card__specs">
-        <h4>{time.key}</h4>
+        <h4>{time.entry}</h4>
         {faker.datatype.boolean() ? <h4 className="capitalize">{faker.helpers.arrayElement(['easy', 'medium', 'hard'])} <span>Fitness</span></h4> : null}
       </div>
       <hr />