Merge pull request #316 from alleslabs/fix/contract-cta

fix: stop propagation on Contract CTA menu
alleslabs · May 5, 2023 · 94e8830 · 94e8830 · vercel · May 5, 2023
2 parents b155134 + 5463d55
commit 94e8830
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -95,6 +95,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Bug fixes
 
+- [#316](https://github.com/alleslabs/celatone-frontend/pull/316) Stop propagation when clicking on ContractRowCTA menu
 - [#306](https://github.com/alleslabs/celatone-frontend/pull/306) Fix react query function timeout and retries, minor ui bugs
 - [#307](https://github.com/alleslabs/celatone-frontend/pull/307) Remove minor ui in account detail
 - [#297](https://github.com/alleslabs/celatone-frontend/pull/297) Fix open new tab on tx modal link clicked

diff --git a/src/lib/components/table/contracts/ContractsTableRowCTA.tsx b/src/lib/components/table/contracts/ContractsTableRowCTA.tsx
@@ -87,10 +87,15 @@ export const ContractsTableRowCTA = ({
 
       <TableRow>
         <Menu>
-          <MenuButton size="sm" variant="ghost-gray" as={Button}>
+          <MenuButton
+            size="sm"
+            variant="ghost-gray"
+            as={Button}
+            onClick={(e) => e.stopPropagation()}
+          >
             <CustomIcon name="more" boxSize="16px" />
           </MenuButton>
-          <MenuList>
+          <MenuList onClick={(e) => e.stopPropagation()}>
             <EditContractDetailsModal
               contractLocalInfo={contractInfo}
               triggerElement={