count coins being spent properly

src/wallet.ts

@@ -1849,7 +1849,7 @@ export class Wallet {
         return balance;
       }
       for (const c of t.payReq.coins) {
-        addTo(balance, "pendingIncoming", Amounts.parseOrThrow(c.contribution), c.exchange_url);
+        addTo(balance, "pendingPayment", Amounts.parseOrThrow(c.contribution), c.exchange_url);
       }
       return balance;
     }

src/webex/pages/popup.tsx

@@ -282,7 +282,8 @@ class WalletBalanceView extends React.Component<any, any> {
     if (Amounts.isNonZero(entry.pendingPayment)) {
       payment = (
         <i18n.Translate wrap="span">
-          <span style={{color: "darkblue"}}>
+          <span style={{color: "red"}}>
+            {"-"}
             {renderAmount(entry.pendingPayment)}
           </span>
           {" "}