From 8b59895a0517bc7afcf0330caf4c348eeeb38490 Mon Sep 17 00:00:00 2001
From: Mariusz Klochowicz <mariusz@klochowicz.com>
Date: Wed, 6 Oct 2021 09:35:28 +1030
Subject: [PATCH] Rename "Accept / Reject" to "Pending" in CfdTables

Pending is a more succinct nudge to the user that they should react with an
action to the CFDs inside these tables.
---
 frontend/src/MakerApp.tsx         | 22 +++++++++-------------
 frontend/src/components/Types.tsx | 12 ++++++------
 2 files changed, 15 insertions(+), 19 deletions(-)

diff --git a/frontend/src/MakerApp.tsx b/frontend/src/MakerApp.tsx
index c370c22..0b0c676 100644
--- a/frontend/src/MakerApp.tsx
+++ b/frontend/src/MakerApp.tsx
@@ -69,13 +69,9 @@ export default function App() {
         },
     });
 
-    const acceptOrRejectOrder = cfds.filter((value) => value.state.getGroup() === StateGroupKey.ACCEPT_OR_REJECT_ORDER);
-    const acceptOrRejectSettlement = cfds.filter((value) =>
-        value.state.getGroup() === StateGroupKey.ACCEPT_OR_REJECT_SETTLEMENT
-    );
-    const acceptOrRejectRollOvers = cfds.filter((value) =>
-        value.state.getGroup() === StateGroupKey.ACCEPT_OR_REJECT_ROLL_OVER
-    );
+    const pendingOrders = cfds.filter((value) => value.state.getGroup() === StateGroupKey.PENDING_ORDER);
+    const pendingSettlements = cfds.filter((value) => value.state.getGroup() === StateGroupKey.PENDING_SETTLEMENT);
+    const pendingRollOvers = cfds.filter((value) => value.state.getGroup() === StateGroupKey.PENDING_ROLL_OVER);
     const opening = cfds.filter((value) => value.state.getGroup() === StateGroupKey.OPENING);
     const open = cfds.filter((value) => value.state.getGroup() === StateGroupKey.OPEN);
     const closed = cfds.filter((value) => value.state.getGroup() === StateGroupKey.CLOSED);
@@ -166,9 +162,9 @@ export default function App() {
             <Tabs marginTop={5}>
                 <TabList>
                     <Tab>Open [{open.length}]</Tab>
-                    <Tab>Accept / Reject Order [{acceptOrRejectOrder.length}]</Tab>
-                    <Tab>Accept / Reject Settlement [{acceptOrRejectSettlement.length}]</Tab>
-                    <Tab>Accept / Reject Roll Overs [{acceptOrRejectRollOvers.length}]</Tab>
+                    <Tab>Pending Orders [{pendingOrders.length}]</Tab>
+                    <Tab>Pending Settlements [{pendingSettlements.length}]</Tab>
+                    <Tab>Pending Roll Overs [{pendingRollOvers.length}]</Tab>
                     <Tab>Opening [{opening.length}]</Tab>
                     <Tab>Closed [{closed.length}]</Tab>
                 </TabList>
@@ -178,13 +174,13 @@ export default function App() {
                         <CfdTable data={open} />
                     </TabPanel>
                     <TabPanel>
-                        <CfdTable data={acceptOrRejectOrder} />
+                        <CfdTable data={pendingOrders} />
                     </TabPanel>
                     <TabPanel>
-                        <CfdTable data={acceptOrRejectSettlement} />
+                        <CfdTable data={pendingSettlements} />
                     </TabPanel>
                     <TabPanel>
-                        <CfdTable data={acceptOrRejectRollOvers} />
+                        <CfdTable data={pendingRollOvers} />
                     </TabPanel>
                     <TabPanel>
                         <CfdTable data={opening} />
diff --git a/frontend/src/components/Types.tsx b/frontend/src/components/Types.tsx
index acc3462..b2f30b8 100644
--- a/frontend/src/components/Types.tsx
+++ b/frontend/src/components/Types.tsx
@@ -132,7 +132,7 @@ export class State {
     public getGroup(): StateGroupKey {
         switch (this.key) {
             case StateKey.INCOMING_ORDER_REQUEST:
-                return StateGroupKey.ACCEPT_OR_REJECT_ORDER;
+                return StateGroupKey.PENDING_ORDER;
 
             case StateKey.OUTGOING_ORDER_REQUEST:
             case StateKey.ACCEPTED:
@@ -150,10 +150,10 @@ export class State {
                 return StateGroupKey.OPEN;
 
             case StateKey.INCOMING_SETTLEMENT_PROPOSAL:
-                return StateGroupKey.ACCEPT_OR_REJECT_SETTLEMENT;
+                return StateGroupKey.PENDING_SETTLEMENT;
 
             case StateKey.INCOMING_ROLL_OVER_PROPOSAL:
-                return StateGroupKey.ACCEPT_OR_REJECT_ROLL_OVER;
+                return StateGroupKey.PENDING_ROLL_OVER;
 
             case StateKey.REJECTED:
             case StateKey.REFUNDED:
@@ -199,11 +199,11 @@ const enum StateKey {
 export enum StateGroupKey {
     /// A CFD which is still being set up (not on chain yet)
     OPENING = "Opening",
-    ACCEPT_OR_REJECT_ORDER = "Accept / Reject Order",
+    PENDING_ORDER = "Pending Order",
     /// A CFD that is an ongoing open position (on chain)
     OPEN = "Open",
-    ACCEPT_OR_REJECT_SETTLEMENT = "Accept / Reject Settlement",
-    ACCEPT_OR_REJECT_ROLL_OVER = "Accept / Reject Roll Over",
+    PENDING_SETTLEMENT = "Pending Settlement",
+    PENDING_ROLL_OVER = "Pending Roll Over",
     /// A CFD that has been successfully or not-successfully terminated
     CLOSED = "Closed",
 }