The configuration has a better setup

dimitardanailov · May 29, 2024 · 667440f · 667440f
1 parent f0c9297
commit 667440f
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 10 deletions.
diff --git a/apps/website/src/app/demos/dashboard-trade/Components/TableRow.tsx b/apps/website/src/app/demos/dashboard-trade/Components/TableRow.tsx
@@ -50,19 +50,25 @@ const CoingeckoTableRow: FC<Props> = ({item}) => {
           <span>({formatter.format(historicPrice.usd)})</span>
         </PriceComparing>
       </TableCell>
-      <TableCell width={dimensions.btc.price.width}>{item.btc}</TableCell>
+      <TableCell width={dimensions.btc.price.width}>
+        {item.btc !== 1 && item.btc.toFixed(5)}
+      </TableCell>
       <TableCell width={dimensions.btc.priceChanged.width}>
         <PriceComparing percent={item.btc_24h_change}>
-          <span>{pricePercentFormat(item.btc_24h_change)}</span>
-          <span>({historicPrice.btc})</span>
+          <span title={historicPrice.btc.toString()}>
+            {pricePercentFormat(item.btc_24h_change)}
+          </span>
         </PriceComparing>
       </TableCell>
-      <TableCell width={dimensions.eth.price.width}>{item.eth}</TableCell>
+      <TableCell width={dimensions.eth.price.width}>
+        {item.eth !== 1 && item.eth.toFixed(5)}
+      </TableCell>
       <TableCell width={dimensions.eth.priceChanged.width}>
         <PriceComparing percent={item.eth_24h_change}>
           <CoinbaseIcon cryptoCurrency={item.cryptoCurrency} />
-          <span>{pricePercentFormat(item.eth_24h_change)}</span>
-          <span>({historicPrice.eth})</span>
+          <span title={historicPrice.eth.toString()}>
+            {pricePercentFormat(item.eth_24h_change)}
+          </span>
         </PriceComparing>
       </TableCell>
     </TableRow>

diff --git a/apps/website/src/app/demos/dashboard-trade/setting.ts b/apps/website/src/app/demos/dashboard-trade/setting.ts
@@ -4,26 +4,26 @@ export const dimensions = {
   },
   usd: {
     price: {
-      width: '8.5%',
+      width: '12.5%',
     },
     priceChanged: {
-      width: '14%',
+      width: '20%',
     },
   },
   btc: {
     price: {
       width: '10.5%',
     },
     priceChanged: {
-      width: '24.25%',
+      width: '19.25%',
     },
   },
   eth: {
     price: {
       width: '10.5%',
     },
     priceChanged: {
-      width: '24.25%',
+      width: '19.25%',
     },
   },
 }

diff --git a/apps/website/src/app/demos/dashboard-trade/styled/Table/Row.ts b/apps/website/src/app/demos/dashboard-trade/styled/Table/Row.ts
@@ -8,6 +8,7 @@ export const TableRow = styled.div`
   align-items: center;
   border-bottom: 1px solid #cecece;
   justify-content: flex-start;
+  padding: 0.5rem 0;
 `
 
 export default TableRow