fix: pass chainId to BscLink instances

VenusProtocol · Sep 5, 2023 · 4602d6e · 4602d6e
1 parent 261943e
commit 4602d6e
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 2 deletions.
diff --git a/src/components/BscLink/index.stories.tsx b/src/components/BscLink/index.stories.tsx
@@ -1,4 +1,5 @@
 import { Meta } from '@storybook/react';
+import { ChainId } from 'packages/contracts';
 import React from 'react';
 
 import { withCenterStory, withThemeProvider } from 'stories/decorators';
@@ -12,5 +13,8 @@ export default {
 } as Meta<typeof BscLink>;
 
 export const Default = () => (
-  <BscLink hash="0x6b8a5663cd46f7b719391c518c60e2f45427b95a082e3e47739b011faccbfc96" />
+  <BscLink
+    hash="0x6b8a5663cd46f7b719391c518c60e2f45427b95a082e3e47739b011faccbfc96"
+    chainId={ChainId.BSC_TESTNET}
+  />
 );
diff --git a/src/components/SuccessfulTransactionModal/index.tsx b/src/components/SuccessfulTransactionModal/index.tsx
@@ -5,6 +5,8 @@ import React from 'react';
 import { Token } from 'types';
 import { convertWeiToTokens } from 'utilities';
 
+import { useAuth } from 'context/AuthContext';
+
 import { BscLink } from '../BscLink';
 import { Icon } from '../Icon';
 import { Modal, ModalProps } from '../Modal';
@@ -31,6 +33,7 @@ export const SuccessfulTransactionModal: React.FC<SuccessfulTransactionModalProp
   isOpen,
   handleClose,
 }) => {
+  const { chainId } = useAuth();
   const styles = useStyles();
 
   return (
@@ -61,7 +64,7 @@ export const SuccessfulTransactionModal: React.FC<SuccessfulTransactionModalProp
           )}
         </div>
 
-        <BscLink hash={transactionHash} urlType="tx" />
+        <BscLink hash={transactionHash} urlType="tx" chainId={chainId} />
       </div>
     </Modal>
   );

diff --git a/src/pages/Proposal/ProposalSummary/index.tsx b/src/pages/Proposal/ProposalSummary/index.tsx
@@ -61,6 +61,7 @@ export const ProposalSummaryUi: React.FC<
 }) => {
   const styles = useStyles();
   const { t, Trans } = useTranslation();
+  const { chainId } = useAuth();
   const handleTransactionMutation = useHandleTransactionMutation();
 
   const {
@@ -239,6 +240,7 @@ export const ProposalSummaryUi: React.FC<
                 hash={transactionHash}
                 css={styles.transactionLink}
                 ellipseBreakpoint="xxl"
+                chainId={chainId}
               />
             )}
           </div>