fix: add info splashes on deposit and wihdraw list containers

2023-08-03 12:09:20 +02:00
2 changed files with 8 additions and 3 deletions
@@ -1,4 +1,4 @@
-import { Button } from '@vegaprotocol/ui-toolkit';
+import { Button, Splash } from '@vegaprotocol/ui-toolkit';
 import { DepositsTable } from '@vegaprotocol/deposits';
 import { depositsProvider } from '@vegaprotocol/deposits';
 import { t } from '@vegaprotocol/i18n';
@@ -17,6 +17,9 @@ export const DepositsContainer = () => {
    skip: !pubKey,
  });
  const setView = useSidebar((store) => store.setView);
+  if (!pubKey) {
+    return <Splash>{t('Please connect Vega wallet')}</Splash>;
+  }
  return (
    <div className="h-full">
      <DepositsTable
@@ -1,4 +1,4 @@
-import { Button } from '@vegaprotocol/ui-toolkit';
+import { Button, Splash } from '@vegaprotocol/ui-toolkit';
 import {
  withdrawalProvider,
  WithdrawalsTable,
@@ -18,7 +18,9 @@ export const WithdrawalsContainer = () => {
  });
  const setView = useSidebar((store) => store.setView);
  const { ready, delayed } = useIncompleteWithdrawals();
-
+  if (!pubKey) {
+    return <Splash>{t('Please connect Vega wallet')}</Splash>;
+  }
  return (
    <>
      <div className="h-full relative">