hendrik/lens
1
0
Fork 0
mirror of https://github.com/lensapp/lens.git synced 2025-05-20 05:10:56 +00:00
Code Issues Projects Releases Wiki Activity

Set loading only on clicked button

Browse Source 
Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
This commit is contained in:
Alex Andreev 2022-02-08 14:00:44 +03:00
parent ca07904fa9
commit 99d657d34a
1 changed files with 14 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/renderer/components/+preferences/extension-card.tsx
View File

@ -5,7 +5,7 @@
import styles from "./extension-card.module.scss"; import styles from "./extension-card.module.scss";
import { withInjectables } from "@ogre-tools/injectable-react"; import { withInjectables } from "@ogre-tools/injectable-react";
import { observer } from "mobx-react"; import { observer } from "mobx-react";
import React from "react"; import React, { useEffect, useState } from "react";
import installFromInputInjectable from "../+extensions/install-from-input/install-from-input.injectable"; import installFromInputInjectable from "../+extensions/install-from-input/install-from-input.injectable";
import { Button } from "../button"; import { Button } from "../button";
@ -24,10 +24,19 @@ interface Props {
onClick?: () => void; onClick?: () => void;
} }
function NonInjectedExtensionCard({ extension, extensionInstallationStateStore, installFromInput, onClick }: Props & Dependencies) { function NonInjectedExtensionCard({ extension, extensionInstallationStateStore: store, installFromInput, onClick }: Props & Dependencies) {
const { name, version, totalNumberOfInstallations, shortDescription, publisher, githubRepositoryUrl, appIconUrl } = extension; const { name, version, totalNumberOfInstallations, shortDescription, publisher, githubRepositoryUrl, appIconUrl } = extension;
const [waiting, setWaiting] = useState(false);
function onInstall() { useEffect(() => {
if (!store.anyPreInstallingOrInstalling) {
setWaiting(false);
}
}, [store.anyPreInstallingOrInstalling]);
function onInstall(evt: React.MouseEvent) {
evt.stopPropagation();
setWaiting(true);
installFromInput(extension.binaryUrl); installFromInput(extension.binaryUrl);
} }
@ -57,8 +66,8 @@ function NonInjectedExtensionCard({ extension, extensionInstallationStateStore,
<div className={styles.install}> <div className={styles.install}>
<Button <Button
primary primary
disabled={extensionInstallationStateStore.anyPreInstallingOrInstalling} waiting={waiting}
waiting={extensionInstallationStateStore.anyPreInstallingOrInstalling} disabled={store.anyPreInstallingOrInstalling}
onClick={onInstall} onClick={onInstall}
> >
<Icon className={styles.installButtonIco} material="cloud_download"/> <Icon className={styles.installButtonIco} material="cloud_download"/>