Show message for unconnected wallet in Portfolio (#1495)

* Show message for unconnected wallet in Portfolio * remove unused variable
delvtech · Sep 12, 2024 · a9261f7 · a9261f7
1 parent 5e8b2b5
commit a9261f7
Show file tree

Hide file tree

Showing 4 changed files with 33 additions and 3 deletions.
diff --git a/apps/hyperdrive-trading/src/ui/hyperdrive/longs/OpenLongsTable/OpenLongsTableDesktopTwo.tsx b/apps/hyperdrive-trading/src/ui/hyperdrive/longs/OpenLongsTable/OpenLongsTableDesktopTwo.tsx
@@ -39,8 +39,19 @@ import { usePortfolioLongsData } from "src/ui/portfolio/usePortfolioLongsData";
 import { useAccount } from "wagmi";
 
 export function OpenLongsContainer(): ReactElement {
+  const { address: account } = useAccount();
   const { openLongPositions, openLongPositionsStatus } =
     usePortfolioLongsData();
+  if (!account) {
+    return (
+      <div className="my-28 flex w-[1036px] flex-col gap-10">
+        <NonIdealState
+          heading="No wallet connected"
+          action={<ConnectWalletButton />}
+        />
+      </div>
+    );
+  }
 
   if (openLongPositionsStatus === "loading") {
     return (

diff --git a/apps/hyperdrive-trading/src/ui/hyperdrive/lp/AddLiquidityForm/AddLiquidityForm2.tsx b/apps/hyperdrive-trading/src/ui/hyperdrive/lp/AddLiquidityForm/AddLiquidityForm2.tsx
@@ -433,7 +433,6 @@ function YouReceiveStat({
     lpSharesBalanceOf,
     lpSharesOut,
     lpSharesTotalSupply,
-    hyperdrive,
     baseToken,
   });
   return (
@@ -534,13 +533,11 @@ function calculatePoolShare({
   lpSharesBalanceOf,
   lpSharesOut,
   lpSharesTotalSupply,
-  hyperdrive,
   baseToken,
 }: {
   lpSharesBalanceOf: bigint | undefined;
   lpSharesOut: bigint | undefined;
   lpSharesTotalSupply: bigint | undefined;
-  hyperdrive: HyperdriveConfig;
   baseToken: TokenConfig;
 }) {
   if (!lpSharesOut || !lpSharesTotalSupply || lpSharesBalanceOf === undefined) {

diff --git a/...ve-trading/src/ui/hyperdrive/lp/LpAndWithdrawalSharesTable/LpAndWithdrawalSharesTable.tsx b/...ve-trading/src/ui/hyperdrive/lp/LpAndWithdrawalSharesTable/LpAndWithdrawalSharesTable.tsx
@@ -27,6 +27,17 @@ import { WithdrawalQueueCell } from "./WithdrawalQueueCell";
 
 export function LpAndWithdrawalSharesContainer(): ReactElement {
   const { openLpPositions, openLpPositionStatus } = usePortfolioLpData();
+  const { address: account } = useAccount();
+  if (!account) {
+    return (
+      <div className="my-28 flex w-[1036px] flex-col gap-10">
+        <NonIdealState
+          heading="No wallet connected"
+          action={<ConnectWalletButton />}
+        />
+      </div>
+    );
+  }
 
   if (openLpPositionStatus === "loading") {
     return (

diff --git a/...hyperdrive-trading/src/ui/hyperdrive/shorts/OpenShortsTable/OpenShortsTableDesktopTwo.tsx b/...hyperdrive-trading/src/ui/hyperdrive/shorts/OpenShortsTable/OpenShortsTableDesktopTwo.tsx
@@ -36,6 +36,17 @@ import { useAccount } from "wagmi";
 export function OpenShortsContainer(): ReactElement {
   const { openShortPositions, openShortPositionsStatus } =
     usePortfolioShortsData();
+  const { address: account } = useAccount();
+  if (!account) {
+    return (
+      <div className="my-28 flex w-[1036px] flex-col gap-10">
+        <NonIdealState
+          heading="No wallet connected"
+          action={<ConnectWalletButton />}
+        />
+      </div>
+    );
+  }
 
   if (openShortPositionsStatus === "loading") {
     return (