pool+orders: display duration in the orders list

Author: jamaljsr

app/src/__tests__/components/pool/OrderListSection.spec.tsx

@@ -74,6 +74,7 @@ describe('OrderListSection', () => {
   it.each<[string, number[]]>([
     ['Type', [2, 0, 6, 9, 3]],
     ['Liquidity', [3, 9, 0, 2, 6]],
+    ['Duration', [2, 3, 9, 6, 0]],
     ['Rate (bps)', [6, 0, 9, 2, 3]],
     ['Status', [6, 3, 2, 9, 0]],
     ['Created On', [2, 3, 0, 6, 9]],
@@ -111,7 +112,7 @@ describe('OrderListSection', () => {
     ['Balances', [5, 6], 0],
     ['APR', [6, 5], 0],
     ['Premium', [5, 6], 0],
-    ['Duration', [6, 5], 0],
+    ['Duration', [6, 5], 1],
     ['Status', [6, 5], 1],
     ['Alias', [5, 6], 0],
   ])('should sort the leases list by %s', (sortBy, sortedOrder, elIndex) => {

app/src/components/pool/orders/OrdersList.tsx

@@ -67,6 +67,7 @@ const OrderRow: React.FC<{
       <TableCell right>
         <Unit sats={order.amount} suffix={false} />
       </TableCell>
+      <TableCell className="text-center">{order.duration}</TableCell>
       <TableCell right>{order.basisPoints}</TableCell>
       <TableCell>
         <OrderStatus status={order.stateLabel}>{order.stateWithCount}</OrderStatus>
@@ -111,6 +112,15 @@ const OrdersList: React.FC = () => {
                 {l('amount')}
               </SortableHeader>
             </TableHeader>
+            <TableHeader className="text-center">
+              <SortableHeader<Order>
+                field="duration"
+                sort={settingsStore.orderSort}
+                onSort={settingsStore.setOrderSort}
+              >
+                {l('duration')}
+              </SortableHeader>
+            </TableHeader>
             <TableHeader right>
               <SortableHeader<Order>
                 field="rateFixed"

app/src/i18n/locales/en-US.json

@@ -174,6 +174,7 @@
   "cmps.pool.orders.OrdersList.emptyAllMsg": "Submit an order using the form on the left.",
   "cmps.pool.orders.OrdersList.type": "Type",
   "cmps.pool.orders.OrdersList.amount": "Liquidity",
+  "cmps.pool.orders.OrdersList.duration": "Duration",
   "cmps.pool.orders.OrdersList.rate": "Rate (bps)",
   "cmps.pool.orders.OrdersList.status": "Status",
   "cmps.pool.orders.OrdersList.created": "Created On",

app/src/store/models/order.ts

@@ -152,6 +152,8 @@ export default class Order {
         return +a.amount.sub(b.amount);
       case 'rateFixed':
         return a.rateFixed - b.rateFixed;
+      case 'duration':
+        return a.duration - b.duration;
       case 'stateLabel':
         return a.stateLabel.toLowerCase() > b.stateLabel.toLowerCase() ? 1 : -1;
       case 'creationTimestamp':