offers page

client/src/components/offer.tsx

@@ -0,0 +1,19 @@
+import { h } from 'preact';
+
+export default function Bundle(bundle) {
+    return (
+        <div class="bundle">
+            <h3>{bundle.items.length} items - {bundle.total.toFixed(2)} {bundle.currency}</h3>
+            {bundle.items.map(i => (
+                <div key={i.id}>
+                    <a href={i.uri} target="_blank" >
+                        <h4>{i.description}</h4>
+                    </a>
+                    <h5>{i.user.name}</h5>
+                    <h5>{i.price} {i.currency}</h5>
+                    <hr />
+                </div>
+            ))}
+        </div>
+    )
+}