adress history colors refactor

HathorNetwork · Oct 31, 2024 · 8be5952 · 8be5952
1 parent 6a6c6fd
commit 8be5952
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/src/components/AddressHistory.js b/src/components/AddressHistory.js
@@ -15,6 +15,7 @@ import SortableTable from './SortableTable';
 import EllipsiCell from './EllipsiCell';
 import { ReactComponent as RowBottomIcon } from '../assets/images/leading-icon.svg';
 import { ReactComponent as RowTopIcon } from '../assets/images/leading-top-icon.svg';
+import { COLORS } from '../constants';
 
 const mapStateToProps = state => ({
   decimalPlaces: state.serverInfo.decimal_places,
@@ -234,7 +235,7 @@ class AddressHistory extends SortableTable {
           </td>
           <td className="state td-mobile">{statusElement}</td>
           <td className="value td-mobile">
-            <span style={{ color: tx.balance < 0 ? '#991300' : '#44A32E' }}>{prettyValue}</span>
+            <span style={{ color: tx.balance < 0 ? COLORS.danger : COLORS.success }}>{prettyValue}</span>
           </td>
         </tr>
       );

diff --git a/src/constants.js b/src/constants.js
@@ -111,3 +111,8 @@ export const SCREEN_STATUS_LOOP_INTERVAL_IN_SECONDS = 60; // This is the interva
 
 // Number of elements in the nano contract transaction history table
 export const NANO_CONTRACT_TX_HISTORY_COUNT = 5;
+
+export const COLORS = {
+  danger: '#991300',
+  success: '#44A32E'
+}