feat: link order to DMs

static/components/order-list/order-list.html

@@ -44,7 +44,12 @@
         </q-td>
 
         <q-td key="public_key" :props="props">
-          {{toShortId(props.row.public_key)}}
+          <span
+            @click="customerSelected(props.row.public_key)"
+            class="cursor-pointer"
+          >
+            {{toShortId(props.row.public_key)}}
+          </span>
         </q-td>
         <q-td key="time" :props="props"> {{formatDate(props.row.time)}} </q-td>
       </q-tr>

static/components/order-list/order-list.js

@@ -45,7 +45,7 @@ async function orderList(path) {
               field: 'shipped'
             },
             {
-              name: 'pubkey',
+              name: 'public_key',
               align: 'left',
               label: 'Customer',
               field: 'pubkey'
@@ -91,13 +91,11 @@ async function orderList(path) {
             this.inkey
           )
           this.orders = data.map(s => ({...s, expanded: false}))
-          console.log('### this.orders', this.orders)
         } catch (error) {
           LNbits.utils.notifyApiError(error)
         }
       },
       updateOrderShipped: async function () {
-        console.log('### order', this.selectedOrder)
         this.selectedOrder.shipped = !this.selectedOrder.shipped
         try {
           await LNbits.api.request(
@@ -128,6 +126,9 @@ async function orderList(path) {
         // do not change the status yet
         this.selectedOrder.shipped = !order.shipped
         this.showShipDialog = true
+      },
+      customerSelected: function (customerPubkey) {
+        this.$emit('customer-selected', customerPubkey)
       }
     },
     created: async function () {