@rileybathurst/paddle 1.0.1 → 1.0.2

package/package.json

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

package/src/PaddleTestimonial.tsx

@@ -0,0 +1,16 @@
+import * as React from "react"
+import { TestimonialTypes } from "./types/testimonial-types"
+
+export function PaddleTestimonial({ id, testimonial, customer, sign, location }: TestimonialTypes) {
+  return (
+        <li key={id}>
+          <p className='elbrus'>
+            <span className='denali font-serif'>&ldquo;</span>
+            {testimonial}
+            <span className='denali font-serif'>&rdquo;</span>
+          </p>
+          <p>{sign} {customer}</p>
+          <p className='kosciuszko'>{location}</p>
+        </li>
+  )
+}

package/src/PaddleTestimonials.tsx

@@ -1,23 +1,15 @@
 import * as React from "react"
+import { PaddleTestimonial } from "./PaddleTestimonial"
+import { type TestimonialTypes } from "./types/testimonial-types"
 
 interface TestimonialsTypes {
-  nodes: {
-    id: string;
-    testimonial: string;
-    sign: string;
-    customer: string;
-    location: string;
-  }[];
+  nodes: TestimonialTypes[];
 }
 export function PaddleTestimonials({ nodes }: TestimonialsTypes) {
   return (
     <ul className='testimonials condor'>
       {nodes.map((testimonial) => (
-        <li key={testimonial.id}>
-          <p className='elbrus'><span className='denali font-serif'>&ldquo;</span>{testimonial.testimonial}<span className='denali font-serif'>&rdquo;</span></p>
-          <p>{testimonial.sign} {testimonial.customer}</p>
-          <p className='kosciuszko'>{testimonial.location}</p>
-        </li>
+        <PaddleTestimonial key={testimonial.id} {...testimonial} />
       ))}
     </ul>
   )

package/src/index.tsx

@@ -12,11 +12,10 @@ export * from "./PaddleTicket";
 export * from "./PaddleSunsetTourTimes";
 export * from "./PaddleTopBar";
 export * from "./PaddleSpecs";
+export * from "./PaddleTestimonial";
 
 // Organisms
 export * from "./PaddleLocationDeck";
-
-// Test a function
 export * from "./PaddleTestimonials";
 
 // Templates

package/src/styles/nav.css

@@ -2,6 +2,8 @@
 /* #NAV */
 /*------------------------------------*/
 
+/* TODO: variables */
+
 header {
   z-index: var(--floor);
   position: relative;

package/src/types/testimonial-types.ts

@@ -0,0 +1,7 @@
+export type TestimonialTypes = {
+    id: string;
+    testimonial: string;
+    sign: string;
+    customer: string;
+    location: string;
+}