From f5bf8f9dfe1f1d9ead0eb8f80bbbb7fa3556b3f3 Mon Sep 17 00:00:00 2001
From: Joseph Izang <josephizang@gmail.com>
Date: Fri, 3 Mar 2023 11:47:06 +0100
Subject: [PATCH] fix multiple onClick handlers

---
 .../src/lib/components/UmlDownload.tsx        | 21 ++++++++++---------
 1 file changed, 11 insertions(+), 10 deletions(-)

diff --git a/libs/remix-ui/solidity-uml-gen/src/lib/components/UmlDownload.tsx b/libs/remix-ui/solidity-uml-gen/src/lib/components/UmlDownload.tsx
index 69bbd20610..8868e43ce6 100644
--- a/libs/remix-ui/solidity-uml-gen/src/lib/components/UmlDownload.tsx
+++ b/libs/remix-ui/solidity-uml-gen/src/lib/components/UmlDownload.tsx
@@ -55,7 +55,12 @@ export default function UmlDownload(props: UmlDownloadProps) {
         >
         </Dropdown.Toggle>
         <Dropdown.Menu as={UmlCustomMenu} className="custom-dropdown-items">
-          <Dropdown.Item onClick={() => props.download('png')}>
+          <Dropdown.Item
+            onClick={() => {
+              _paq.push(['trackEvent', 'solidityumlgen', 'download', 'downloadAsPng'])
+              props.download('png')
+            }}
+          >
             <CustomTooltip
                 placement="left-start"
                 tooltipId="solUmlgenDownloadAsPngTooltip"
@@ -64,10 +69,6 @@ export default function UmlDownload(props: UmlDownloadProps) {
             >
                 <div
                   data-id='umlPngDownload'
-                  onClick={() => {
-                    _paq.push(['trackEvent', 'solidityumlgen', 'download', 'downloadAsPng'])
-                    props.download('png')
-                  }}
                 >
                   <span
                     id='umlPngDownloadBtn'
@@ -82,7 +83,11 @@ export default function UmlDownload(props: UmlDownloadProps) {
               </CustomTooltip>
             </Dropdown.Item>
             <Dropdown.Divider />
-            <Dropdown.Item onClick={() => props.download('pdf')}>
+            <Dropdown.Item onClick={() => {
+                _paq.push(['trackEvent', 'solUmlgen', 'download', 'downloadAsPdf'])
+                props.download('pdf')
+              }}
+            >
               <CustomTooltip
                   placement="left-start"
                   tooltipId="solUmlgenDownloadAsPdfTooltip"
@@ -91,10 +96,6 @@ export default function UmlDownload(props: UmlDownloadProps) {
               >
                 <div
                   data-id='umlPdfDownload'
-                  onClick={() => {
-                    _paq.push(['trackEvent', 'solUmlgen', 'download', 'downloadAsPdf'])
-                    props.download('pdf')
-                  }}
                 >
                   <span
                     id='umlPdfDownloadBtn'