Menu Install Plugin button fix

src/components/Menu/index.tsx

@@ -60,7 +60,7 @@ export default function Menu(props: {
             props.setOpen(false);
           }}
         >
-          <PluginUploadInfo />
+          <PluginUploadInfo onPluginInstalled={() => props.setOpen(false)} />
           <span>Install Plugin</span>
         </MenuRow>
         <MenuRow

src/components/PluginInfo/index.tsx

@@ -26,17 +26,22 @@
 import classNames from 'classnames';
 import DefaultPluginIcon from '../../assets/img/default-plugin-icon.png';
 
-export default function PluginUploadInfo(): ReactElement {
+export default function PluginUploadInfo({
+  onPluginInstalled,
+}: {
+  onPluginInstalled?: () => void;
+}): ReactElement {
   const [error, showError] = useState('');
   const [pluginBuffer, setPluginBuffer] = useState<ArrayBuffer | any>(null);
   const [pluginContent, setPluginContent] = useState<PluginConfig | null>(null);
 
   const onAddPlugin = useCallback(
     async (evt: React.MouseEvent<HTMLButtonElement>) => {
       try {
         await addPlugin(Buffer.from(pluginBuffer).toString('hex'));
         setPluginContent(null);
+        onPluginInstalled?.();
       } catch (e: any) {
         showError(e?.message || 'Invalid Plugin');
       }
     },
@@ -52,7 +57,7 @@
         const plugin = await makePlugin(arrayBuffer);
         setPluginContent(await getPluginConfig(plugin));
         setPluginBuffer(arrayBuffer);
       } catch (e: any) {
         showError(e?.message || 'Invalid Plugin');
       } finally {
         evt.target.value = '';
@@ -72,6 +77,9 @@
         className="opacity-0 absolute top-0 right-0 h-full w-full cursor-pointer"
         type="file"
         onChange={onPluginInfo}
+        onClick={(e) => {
+          e.stopPropagation();
+        }}
       />
       {error && <ErrorModal onClose={() => showError('')} message={error} />}
       {pluginContent && (
@@ -108,11 +116,11 @@
   const { pluginContent, onClose, onAddPlugin, children } = props;
 
   const header = Children.toArray(children).filter(
     (c: any) => c.type.name === 'PluginInfoModalHeader',
   )[0];
 
   const content = Children.toArray(children).filter(
     (c: any) => c.type.name === 'PluginInfoModalContent',
   )[0];
 
   return (