fix: dropdown close on click issue

tangle-network · Aug 10, 2023 · 23b9693 · 23b9693
1 parent 11a476c
commit 23b9693
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/apps/stats-dapp/src/components/Header/Header.tsx b/apps/stats-dapp/src/components/Header/Header.tsx
@@ -100,7 +100,7 @@ export const Header: FC<HeaderProps> = ({
                   </Typography>
                 </MenuItem>
 
-                <MenuItem className="px-4 py-2 hover:bg-mono-0 dark:hover:bg-mono-180">
+                <div className="px-4 py-2 hover:bg-mono-0 dark:hover:bg-mono-180">
                   <Typography variant="label" fw="bold">
                     Advanced
                   </Typography>
@@ -117,7 +117,7 @@ export const Header: FC<HeaderProps> = ({
                       setSelectedNetworkType={setSelectedNetworkType}
                     />
                   </div>
-                </MenuItem>
+                </div>
               </DropdownBody>
             </Dropdown>
           </div>

diff --git a/apps/stats-dapp/src/components/NetworkSelector/NetworkSelector.tsx b/apps/stats-dapp/src/components/NetworkSelector/NetworkSelector.tsx
@@ -169,6 +169,7 @@ export const NetworkSelector: FC<NetworkSelectorProps> = ({
                   rightIcon={
                     savedEnpoints.customSubqueryEndpoint ? (
                       <DeleteBinWithBg
+                        className="cursor-pointer"
                         onClick={() => {
                           setDefaultEndpointsAsUserSelected();
                           localStorage.removeItem('customSubqueryEndpoint');
@@ -181,6 +182,7 @@ export const NetworkSelector: FC<NetworkSelectorProps> = ({
                       />
                     ) : customSubqueryEndpoint ? (
                       <SaveWithBg
+                        className="cursor-pointer"
                         onClick={async () => {
                           if (
                             await isValidSubqueryEndpoint(
@@ -224,6 +226,7 @@ export const NetworkSelector: FC<NetworkSelectorProps> = ({
                   rightIcon={
                     savedEnpoints.customPolkadotEndpoint ? (
                       <DeleteBinWithBg
+                        className="cursor-pointer"
                         onClick={() => {
                           setDefaultEndpointsAsUserSelected();
                           localStorage.removeItem('customPolkadotEndpoint');
@@ -236,6 +239,7 @@ export const NetworkSelector: FC<NetworkSelectorProps> = ({
                       />
                     ) : customPolkadotEndpoint ? (
                       <SaveWithBg
+                        className="cursor-pointer"
                         onClick={async () => {
                           if (
                             await isValidPolkadotEndpoint(