diff --git a/src/renderer/components/commands-runner.tsx b/src/renderer/components/commands-runner.tsx index fe89978bc4..7e709ed7b6 100644 --- a/src/renderer/components/commands-runner.tsx +++ b/src/renderer/components/commands-runner.tsx @@ -3,7 +3,7 @@ import * as React from 'react'; import { Button, ButtonProps, Spinner } from '@blueprintjs/core'; import { observer } from 'mobx-react'; -import { InstallState } from '../../interfaces'; +import { InstallState, VersionSource } from '../../interfaces'; import { AppState } from '../state'; interface RunnerProps { @@ -29,7 +29,7 @@ export const Runner = observer( isOnline, } = this.props.appState; - const state = currentElectronVersion?.state; + const { downloadProgress, source, state } = currentElectronVersion; const props: ButtonProps = { disabled: true }; if ([downloading, missing].includes(state) && !isOnline) { @@ -41,12 +41,7 @@ export const Runner = observer( switch (state) { case downloading: { props.text = 'Downloading'; - props.icon = ( - - ); + props.icon = ; break; } case installing: { @@ -72,6 +67,13 @@ export const Runner = observer( } break; } + case missing: { + if (source === VersionSource.local) { + props.text = 'Unavailable'; + props.icon = 'issue'; + break; + } + } default: { props.text = 'Checking status'; props.icon = ; diff --git a/src/renderer/components/version-select.tsx b/src/renderer/components/version-select.tsx index 00f006ace7..d9c8d5bbf3 100644 --- a/src/renderer/components/version-select.tsx +++ b/src/renderer/components/version-select.tsx @@ -91,7 +91,7 @@ export function getItemLabel({ source, state, name }: RunnableVersion): string { export function getItemIcon({ source, state }: RunnableVersion): IconName { // If a version is local, either it's there or it's not. if (source === VersionSource.local) { - return state === InstallState.missing ? 'disable' : 'saved'; + return state === InstallState.missing ? 'issue' : 'saved'; } const installStateIcons: Record = {