Merge pull request #874 from alexstotsky/summary-pos-web

(improvement) Add active positions to the web summary page
bitfinexcom · Oct 11, 2024 · fd629ab · fd629ab
2 parents 58cbea5 + 1c6b8ef
commit fd629ab
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 2 deletions.
diff --git a/public/locales/en/translations.json b/public/locales/en/translations.json
@@ -692,8 +692,7 @@
       "title": "Active Positions",
       "derivative": "Derivative",
       "margin": "Margin",
-      "position": "Position",
-      "amount": "Amount"
+      "position": "Position"
     }
   },
   "symbols": {

diff --git a/src/components/AccountSummary/AccountSummary.js b/src/components/AccountSummary/AccountSummary.js
@@ -4,6 +4,7 @@ import { Card, Elevation } from '@blueprintjs/core'
 import { get, isEmpty } from '@bitfinex/lib-js-util-base'
 
 import SectionHeader from 'ui/SectionHeader'
+import Positions from 'components/AppSummary/AppSummary.positions'
 
 import Leo from './AccountSummary.leo'
 import Fees from './AccountSummary.fees'
@@ -79,6 +80,7 @@ class AccountSummary extends PureComponent {
           title='accountsummary.title'
         />
         <div className='section-account-summary-data'>
+          <Positions />
           <Volume
             t={t}
             isNoData={isNoData}

diff --git a/src/components/AccountSummary/_AccountSummary.scss b/src/components/AccountSummary/_AccountSummary.scss
@@ -7,6 +7,15 @@
     align-items: flex-end;
     justify-content: space-between;
 
+    .full-width-item {
+      .app-summary-item-title {
+        font-size: 15px;
+        font-weight: 400;
+        margin-bottom: 5px;
+        color: var(--activeColor);
+      }
+    }
+
     &-item {
       width: 49%;
       min-width: 400px;