group status

api/src/events.ts

@@ -65,13 +65,13 @@ export default function createEvents(log: Log, pg: Pg, discogs, offers) {
         log.info({ event: Events.ListingsUpdated, bundles: bundles.length });
 
         for (const bundle of bundles) {
-            log.info({ seller: bundle.seller, items: bundle.items.length }, 'generating offers...');
+            log.debug({ seller: bundle.seller, items: bundle.items.length }, 'generating offers...');
             const listingIds = bundle.items.map(i => i.id);
             const updatedOffers = await offers.generate(listingIds, 100, 30)
-            log.info({ offers: updatedOffers.length }, 'offers set');
+            log.debug({ offers: updatedOffers.length }, 'offers set');
         }
 
-        log.info('offers up to date');
+        log.trace('offers up to date');
     });
 
     events.on(Events.Connection, async function onConnection({ ws, id }) {

api/src/offers.ts

@@ -22,7 +22,7 @@ function sortOffers(o) {
 
 export default function createOffers(log: Log, pg: Pg) {
     async function generate(listingIds: DiscogsListing[], bulkShipping: number, baseShipping: number) {
-        log.info('generateOffers', { listingIds, bulkShipping, baseShipping });
+        log.debug('generateOffers', { listingIds, bulkShipping, baseShipping });
         const listings = await pg.listingByIds(listingIds);
 
         // log.info({ listings }, 'creating offers for listings')

api/src/pg.ts

@@ -59,9 +59,10 @@ export default function createPg(log: Log, prisma: PrismaClient): Pg {
             include: {
                 want: true,
             },
-            orderBy: {
-                total: 'asc',
-            },
+            orderBy: [
+                { total: 'asc' },
+                { listingId: 'asc' },
+            ],
         });
     }
 

client/src/components/want.offers.tsx

@@ -26,7 +26,8 @@ function OfferLine(offer) {
 
     return (
         <div class="line">
-            <span class='number'>${offer.total}</span>
+            <div class='number'>${offer.total}</div>
+            <div class='number'>{offer.condition}</div>
             <button onClick={() => setStatus('Accepted')} disabled={accepted} class={classes} >{btnText}</button>
             {negBtn}
         </div>
@@ -54,17 +55,19 @@ function OfferPriceBtn(offer) {
 }
 
 
-export default function WantOffers(wantOffers) {
+export default function WantOffers(wantOffers, i) {
     const ws = useSelector((state: State) => state.ws);
 
     const details = wantOffers[0].want.data;
 
     return (
-        <div class="offer">
+        <div class="offer" key={i}>
             <section>
                 <h3>{details.artists_sort} - {details.title} <a href={details.uri} target="_blank"><ExternalLink /></a></h3>
-                <div class='alt-text' >{details.year}</div>
-                <div class='alt-text'>{details.formats.map(f => f.descriptions.join(' ')).join(' ')}</div>
+                <div class='alt-text details'>
+                    {details.year} - {details.formats.map(f => f.descriptions.join(' ')).join(' ')}
+                </div>
+                <div class='alt-text details'>Status: {wantOffers[0].status}</div>
             </section>
             <img src={details.thumb} />
             <div class="lines">

client/src/routes/offers.tsx

@@ -14,7 +14,7 @@ function Home() {
 
     const groups = Object.values(offers);
 
-    if (!groups.length) {
+    if (offers && !groups.length) {
         route('/search');
     }
 

client/src/style/index.less

@@ -403,6 +403,14 @@ header {
         margin: var(--spacing-half);
         background: var(--background-1);
 
+        .details {
+            font-size: var(--small-font-size);
+        }
+
+        .status {
+            margin-top: var(--spacing-half);
+        }
+
         section {
             grid-area: details;
         }