Mark/esolang
1
0
Fork 0
Code Issues Packages Activity

Add spinner to execution controls

Browse Source
This commit is contained in:
Nilay Majorwar 2022-02-22 15:37:07 +05:30
parent 032f9a6792
commit bf2562ab2f
1 changed files with 4 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
ui/execution-controls.tsx
View File

@ -3,6 +3,7 @@ import {
ButtonGroup, ButtonGroup,
Icon, Icon,
NumericInput, NumericInput,
Spinner,
Tag, Tag,
} from "@blueprintjs/core"; } from "@blueprintjs/core";
@ -121,6 +122,9 @@ type Props = {
export const ExecutionControls = (props: Props) => { export const ExecutionControls = (props: Props) => {
return ( return (
<div style={styles.container}> <div style={styles.container}>
<div style={{ width: 20, marginRight: 15 }}>
{props.state === "running" && <Spinner size={20} />}
</div>
{props.state === "off" ? ( {props.state === "off" ? (
<RunButton onClick={props.onRun} /> <RunButton onClick={props.onRun} />
) : ( ) : (