Make outgoing transactions black instead of red - Closes #658

LiskArchive · Sep 28, 2017 · ada03d6 · ada03d6
1 parent 018e223
commit ada03d6
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 8 deletions.
diff --git a/src/components/transactions/amount.js b/src/components/transactions/amount.js
@@ -15,7 +15,7 @@ const Amount = (props) => {
     params.className = 'inButton';
   } else if (props.value.type !== transactionTypes.send ||
       props.value.recipientId !== props.address) {
-    params.className = 'outButton';
+    params.className = 'grayButton';
     params.tooltipText = props.value.type === transactionTypes.send ? props.t('Repeat the transaction') : undefined;
     params.clickToSendEnabled = props.value.type === transactionTypes.send;
   }

diff --git a/src/components/transactions/amount.test.js b/src/components/transactions/amount.test.js
@@ -53,7 +53,7 @@ describe('Amount', () => {
       .to.have.lengthOf(1);
   });
 
-  it('should have className "transactions__outButton" for outgoing transaction', () => {
+  it('should have className "transactions__grayButton" for outgoing transaction', () => {
     const inputValue = {
       value: {
         type: 1,
@@ -62,7 +62,7 @@ describe('Amount', () => {
       },
       address: 'address',
     };
-    const expectedValue = /transactions__outButton/g;
+    const expectedValue = /transactions__grayButton/g;
     const wrapper = mount(<Amount {...inputValue} />, {
       context: { i18n, store },
       childContextTypes: {

diff --git a/src/components/transactions/transactions.css b/src/components/transactions/transactions.css
@@ -1,6 +1,6 @@
 :root {
   --in: #73c8a9;
-  --out: #f45d4c;
+  --out: #777;
   --btn: rgb(2, 136, 209);
 }
 
@@ -29,10 +29,6 @@
   text-align: center;
 }
 
-.outButton {
-  background: color(var(--out) alpha(45%)) !important;
-}
-
 .in {
   color: var(--in) !important;
 }