misc fixes

dydxprotocol · Oct 3, 2024 · 49f645a · 49f645a
1 parent 2cdd418
commit 49f645a
Show file tree

Hide file tree

Showing 6 changed files with 25 additions and 13 deletions.
diff --git a/package.json b/package.json
@@ -56,9 +56,9 @@
     "@cosmjs/stargate": "^0.32.1",
     "@cosmjs/tendermint-rpc": "^0.32.1",
     "@datadog/browser-logs": "^5.23.3",
-    "@dydxprotocol/v4-abacus": "1.12.13",
+    "@dydxprotocol/v4-abacus": "1.12.18",
     "@dydxprotocol/v4-client-js": "1.10.0",
-    "@dydxprotocol/v4-localization": "^1.1.213",
+    "@dydxprotocol/v4-localization": "^1.1.215",
     "@dydxprotocol/v4-proto": "^7.0.0-dev.0",
     "@emotion/is-prop-valid": "^1.3.0",
     "@ethersproject/providers": "^5.7.2",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/pages/portfolio/AccountOverviewSection.tsx b/src/pages/portfolio/AccountOverviewSection.tsx
@@ -42,7 +42,14 @@ export const MegavaultYieldTag = () => {
 
   return (
     <Tag type={TagType.Number} sign={TagSign.Positive}>
-      <Output type={OutputType.Percent} value={vault?.thirtyDayReturnPercent} />
+      {stringGetter({
+        key: STRING_KEYS.APR,
+        params: {
+          PERCENT: (
+            <Output tw="mr-0.25" type={OutputType.Percent} value={vault?.thirtyDayReturnPercent} />
+          ),
+        },
+      })}
     </Tag>
   );
 };

diff --git a/src/pages/vaults/VaultPnlChart.tsx b/src/pages/vaults/VaultPnlChart.tsx
@@ -234,7 +234,7 @@ export const VaultPnlChart = ({ className }: VaultPnlChartProps) => {
           margin={{
             left: 0,
             right: isMobile ? 20 : 60,
-            top: 10,
+            top: 24,
             bottom: 32,
           }}
           padding={{

diff --git a/src/pages/vaults/VaultPositionsTable.tsx b/src/pages/vaults/VaultPositionsTable.tsx
@@ -60,7 +60,10 @@ export const VaultPositionsTable = ({ className }: { className?: string }) => {
                   navigate(`${AppRoute.Trade}/${marketId}`, { state: { from: AppRoute.Vault } })
                 }
               >
-                <TableCell stacked slotLeft={<AssetIcon symbol={asset?.id} tw="h-[2.5em]" />}>
+                <TableCell
+                  stacked
+                  slotLeft={<AssetIcon symbol={asset?.id} tw="[--asset-icon-size:2.5em]" />}
+                >
                   {asset?.name}
                   <div tw="row gap-0.25">
                     <Output
@@ -132,6 +135,7 @@ export const VaultPositionsTable = ({ className }: { className?: string }) => {
                 }
               >
                 <$OutputSigned
+                  tw="w-5"
                   sign={getNumberSign(thirtyDayPnl.absolute)}
                   value={thirtyDayPnl.absolute}
                   type={OutputType.Fiat}

diff --git a/src/pages/vaults/VaultTransactions.tsx b/src/pages/vaults/VaultTransactions.tsx
@@ -135,4 +135,5 @@ const $Table = styled(Table)`
   ${tradeViewMixins.horizontalTable}
   border-bottom-left-radius: 1rem;
   border-bottom-right-radius: 1rem;
+  min-width: auto;
 ` as typeof Table;