fix(sql-editor): Fix run stop button color to improve usability (#23892)

Co-authored-by: aadhikari <aadhikari@apple.com>
This commit is contained in:
curious86 2023-05-03 02:06:25 -07:00 committed by GitHub
parent 3528f4140c
commit d4b9c18271
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 4 additions and 2 deletions

View File

@ -146,7 +146,9 @@ const RunQueryActionButton = ({
),
trigger: 'click',
}
: { buttonStyle: 'primary' })}
: {
buttonStyle: shouldShowStopBtn ? 'warning' : 'primary',
})}
>
{buildText(shouldShowStopBtn, selectedText)}
</ButtonComponent>

View File

@ -42,7 +42,7 @@ export const RunQueryButton = ({
}: RunQueryButtonProps) =>
loading ? (
<Button onClick={onStop} buttonStyle="warning" disabled={!canStopQuery}>
<i className="fa fa-stop-circle-o" /> {t('Stop')}
<i className="fa fa-stop" /> {t('Stop')}
</Button>
) : (
<Button