fix errors

bosonprotocol · Nov 24, 2023 · 1f3fffc · 1f3fffc
1 parent 51697c2
commit 1f3fffc
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 5 deletions.
diff --git a/packages/react-kit/src/components/wallet/ConnectButton.tsx b/packages/react-kit/src/components/wallet/ConnectButton.tsx
@@ -89,10 +89,7 @@ export default function ConnectButton({
         account && Sentry.setTag("wallet_address", account?.address);
 
         return (
-          <div
-            style={{ display: "flex", gap: 12, padding: "10px 0" }}
-            {...rest}
-          >
+          <div style={{ display: "flex", gap: 12 }} {...rest}>
             <InnerProvider>
               <InnerContext.Consumer>
                 {({ isMagicLoggedIn, chainId, globalAccount, disconnect }) => {

diff --git a/packages/react-kit/src/components/widgets/finance/Finance.tsx b/packages/react-kit/src/components/widgets/finance/Finance.tsx
@@ -453,6 +453,10 @@ export default function Finance({
     );
   }, [pageCount, pageIndex]);
 
+  if (!address) {
+    return <p style={{ textAlign: "center" }}>Please connect your wallet</p>;
+  }
+
   if (!isFundsInitialized || isLoadingSellerData || isLoadingExchangesTokens) {
     return <Loading />;
   }

diff --git a/packages/react-kit/src/components/widgets/finance/FinanceWidget.tsx b/packages/react-kit/src/components/widgets/finance/FinanceWidget.tsx
@@ -37,6 +37,10 @@ import { useDisconnect } from "../../../hooks/connection/useDisconnect";
 import { ethers } from "ethers";
 dayjs.extend(isBetween);
 
+const StyledConnectButton = styled(ConnectButton)`
+  padding: 10px;
+`;
+
 const Wrapper = styled.div`
   text-align: center;
 `;
@@ -92,6 +96,13 @@ function WithSellerData(WrappedComponent: React.ComponentType<Props>) {
         </Wrapper>
       );
     }
+    if (address && !sellerIdToUse) {
+      return (
+        <p style={{ textAlign: "center" }}>
+          Connect a wallet that has a seller account
+        </p>
+      );
+    }
     const forcedAccount =
       sellerId && !sellerRoles.isAssistant ? seller?.assistant : "";
     if (
@@ -171,7 +182,7 @@ export function FinanceWidget({
                   <ModalProvider>
                     {!parentOrigin && (
                       <Grid justifyContent="flex-end">
-                        <ConnectButton showChangeWallet />
+                        <StyledConnectButton showChangeWallet />
                       </Grid>
                     )}
                     <Component sellerId={sellerId ?? undefined} />