483/ display apr (forbole#570)

faneaatiku · Dec 3, 2021 · 246f7eb · 246f7eb
1 parent 1b8a1dc
commit 246f7eb
Show file tree

Hide file tree

Showing 11 changed files with 98 additions and 851 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,6 +1,8 @@
 # Unreleased
 
 ## Changes
+- Display `APR` on title bar ([\#483](https://github.com/forbole/big-dipper-2.0-cosmos/issues/483)) 
+- Add `@dtag` to search bar ([\#554](https://github.com/forbole/big-dipper-2.0-cosmos/issues/554))
 - Add `/@dtag` feature ([\#428](https://github.com/forbole/big-dipper-2.0-cosmos/issues/428))
 - Add `feegrant` and `authz` messages ([\#481](https://github.com/forbole/big-dipper-2.0-cosmos/issues/481))
 - Add `vesting` messages ([\#538](https://github.com/forbole/big-dipper-2.0-cosmos/issues/538))

diff --git a/public/locales/en/common.json b/public/locales/en/common.json
@@ -27,6 +27,7 @@
   "communityPool": "Community Pool",
   "price": "Price",
   "inflation": "Inflation",
+  "apr": "APR",
   "success": "Success",
   "fail": "Fail",
   "filterBy": "Filter By...",

diff --git a/src/components/nav/components/mobile/__snapshots__/index.test.tsx.snap b/src/components/nav/components/mobile/__snapshots__/index.test.tsx.snap
@@ -60,6 +60,20 @@ exports[`screen: Nav/Mobile it renders 1`] = `
           N/A
         </p>
       </div>
+      <div
+        className="makeStyles-item"
+      >
+        <p
+          className="MuiTypography-root label MuiTypography-body1"
+        >
+          common:apr
+        </p>
+        <p
+          className="MuiTypography-root MuiTypography-body1"
+        >
+          0%
+        </p>
+      </div>
       <div
         className="makeStyles-item"
       >

diff --git a/src/components/nav/components/title_bar/__snapshots__/index.test.tsx.snap b/src/components/nav/components/title_bar/__snapshots__/index.test.tsx.snap
@@ -26,6 +26,20 @@ exports[`screen: Nav/TitleBar hook toggles correctly 1`] = `
         N/A
       </p>
     </div>
+    <div
+      className="makeStyles-item"
+    >
+      <p
+        className="MuiTypography-root label MuiTypography-body1"
+      >
+        common:apr
+      </p>
+      <p
+        className="MuiTypography-root MuiTypography-body1"
+      >
+        0%
+      </p>
+    </div>
     <div
       className="makeStyles-item"
     >
@@ -98,6 +112,20 @@ exports[`screen: Nav/TitleBar it renders 1`] = `
         N/A
       </p>
     </div>
+    <div
+      className="makeStyles-item"
+    >
+      <p
+        className="MuiTypography-root label MuiTypography-body1"
+      >
+        common:apr
+      </p>
+      <p
+        className="MuiTypography-root MuiTypography-body1"
+      >
+        0%
+      </p>
+    </div>
     <div
       className="makeStyles-item"
     >

diff --git a/src/components/nav/components/title_bar/utils.ts b/src/components/nav/components/title_bar/utils.ts
@@ -6,6 +6,7 @@ export const formatMarket = (data: {
   communityPool: TokenUnit;
   supply: TokenUnit;
   inflation: number;
+  apr: number;
 }) => {
   const marketCap = data.marketCap !== null ? `$${formatNumber(data.marketCap.toString(), 2)}` : 'N/A';
 
@@ -14,6 +15,10 @@ export const formatMarket = (data: {
       key: 'marketCap',
       data: marketCap,
     },
+    {
+      key: 'apr',
+      data: `${formatNumber(Big(data.apr).times(100).toPrecision(), 2)}%`,
+    },
     {
       key: 'inflation',
       data: `${formatNumber(Big(data.inflation).times(100).toPrecision(), 0)}%`,