Fix Extensions browse icon onClick event (#2855)

* Fix browse icon onClick event

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>

* Moving material-tooltip folder up to ./components

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>

src/renderer/components/+extensions/install.module.css

@@ -1,5 +1,6 @@
 .icon {
   @apply h-5 w-5 mr-3 cursor-pointer;
+  background-color: transparent!important;
 }
 
 .icon:hover {

src/renderer/components/+extensions/install.tsx

@@ -29,6 +29,7 @@ import { SubTitle } from "../layout/sub-title";
 import { TooltipPosition } from "../tooltip";
 import { ExtensionInstallationStateStore } from "./extension-install.store";
 import { observer } from "mobx-react";
+import { MaterialTooltip } from "../material-tooltip/material-tooltip";
 
 interface Props {
   installPath: string;
@@ -70,13 +71,13 @@ export const Install = observer((props: Props) => {
             onChange={onChange}
             onSubmit={installFromInput}
             iconRight={
-              <Icon
-                interactive={false}
-                className={styles.icon}
-                material="folder_open"
-                onClick={prevDefault(installFromSelectFileDialog)}
-                tooltip="Browse"
-              />
+              <MaterialTooltip title="Browse">
+                <Icon
+                  className={styles.icon}
+                  material="folder_open"
+                  onClick={prevDefault(installFromSelectFileDialog)}
+                />
+              </MaterialTooltip>
             }
           />
         </div>

src/renderer/components/hotbar/hotbar-icon.tsx

@@ -27,7 +27,7 @@ import type { CatalogEntityContextMenu } from "../../../common/catalog";
 import { cssNames, IClassName } from "../../utils";
 import { ConfirmDialog } from "../confirm-dialog";
 import { Menu, MenuItem } from "../menu";
-import { MaterialTooltip } from "../+catalog/material-tooltip/material-tooltip";
+import { MaterialTooltip } from "../material-tooltip/material-tooltip";
 import { observer } from "mobx-react";
 import { Avatar } from "../avatar/avatar";
 

src/renderer/components/hotbar/hotbar-selector.tsx

@@ -27,7 +27,7 @@ import { Hotbar, HotbarStore } from "../../../common/hotbar-store";
 import { CommandOverlay } from "../command-palette";
 import { HotbarSwitchCommand } from "./hotbar-switch-command";
 import { hotbarDisplayIndex } from "./hotbar-display-label";
-import { MaterialTooltip } from "../+catalog/material-tooltip/material-tooltip";
+import { MaterialTooltip } from "../material-tooltip/material-tooltip";
 
 interface Props {
   hotbar: Hotbar;