styles n stuff

TODO.md

@@ -3,7 +3,10 @@
 push offers
 cover off admin routes and commands
 
-decline / unaccept
 minimum quality
 
 listen / notify
+    on offers
+        notify admins
+
+

api/index.ts

@@ -29,6 +29,7 @@ async function start() {
     } = createServices(log);
 
     // events.emit(Events.StartupSync);
+    events.emit(Events.ListingsUpdated);
 
     api.listen();
 }

api/src/pg.ts

@@ -52,7 +52,10 @@ export default function createPg(log: Log, prisma: PrismaClient): Pg {
 
     async function userOffers(user: User) {
         return prisma.offer.findMany({
-            where: { userId: user.id },
+            where: {
+                userId: user.id,
+                status: { not: Status.Declined }
+            },
             include: {
                 want: true,
             },

api/src/rpc.ts

@@ -67,6 +67,11 @@ export default function createRpc(log: Log, pg: Pg, user: User, ws, discogs, off
     async function receive(message: any): Promise<RpcMessage> {
         const [msgType, params] = message;
 
+        if (!user) {
+            log.debug('anon rpc call');
+            return [RpcMessageType.Pong, []];
+        }
+
         if (msgType !== RpcMessageType.Ping) log.info({ msgType, params }, 'rpc message');
 
         // // this sucks but can't figure out how to convince typescript to agree yet

client/src/components/offer.tsx

@@ -23,8 +23,8 @@ export default function Offer(offer) {
         : 'Accept';
 
     const negBtn = accepted
-        ? 'Cancel'
+        ? <button onClick={() => setStatus('Pending')} class='neg'>Cancel</button>
-        : 'decline';
+        : <button onClick={() => setStatus('Declined')} class='neg'>Decline</button>;
 
     return (
         <div class="offer">
@@ -37,7 +37,7 @@ export default function Offer(offer) {
             </section>
             <img src={details.thumb} />
             <button onClick={() => setStatus('Accepted')} disabled={accepted} class={classes} >{btnText}</button>
-            <button class='neg'>{negBtn}</button>
+            {negBtn}
         </div>
     )
 }

client/src/routes/acp.tsx

@@ -31,8 +31,10 @@ function Item({ item }) {
             <a href={item.listing.data.uri} target="_blank" >
                 <h4>{item.listing.data.release.description}</h4>
             </a>
+            <h5>{item.user.email}</h5>
             <h5 class='alt-text'>{item.total}</h5>
             <h5>{item.status}</h5>
+            <label>Set Status:</label>
             <select onChange={onChange}>
                 {statuses}
             </select>

client/src/style/index.less

@@ -300,22 +300,23 @@ header {
     flex-flow: row;
 
     .bundle {
-        display: grid;
-        grid-template-columns: 2fr 1fr;
         margin-bottom: var(--base-spacing-double);
 
+        section {
+            margin-bottom: var(--base-spacing);
+        }
+
         .items {
-            grid-column: 1 / -1;
+            // grid-column: 1 / -1;
             display: grid;
             grid-template-columns: repeat(5, 1fr);
-            align-items: stretch;
 
             div {
                 margin-right: var(--base-spacing);
                 margin-bottom: var(--base-spacing);
 
                 display: grid;
-                grid-template-rows: 1fr 1fr 1fr;
+                // grid-template-rows: 1fr 1fr 1fr;
             }
         }
     }