icon names refactor

This commit is contained in:
Jan Prochazka
2020-11-10 18:21:29 +01:00
parent 1c2dedfef3
commit c8f7dc3d2c
37 changed files with 146 additions and 89 deletions

View File

@@ -4,19 +4,19 @@ import ToolbarButton from '../widgets/ToolbarButton';
export default function QueryToolbar({ execute, cancel, isDatabaseDefined, busy, save, format, isConnected, kill }) {
return (
<>
<ToolbarButton disabled={!isDatabaseDefined || busy} onClick={execute} icon="mdi mdi-play">
<ToolbarButton disabled={!isDatabaseDefined || busy} onClick={execute} icon="icon run">
Execute
</ToolbarButton>
<ToolbarButton disabled={!busy} onClick={cancel} icon="mdi mdi-close">
<ToolbarButton disabled={!busy} onClick={cancel} icon="icon close">
Cancel
</ToolbarButton>
<ToolbarButton disabled={!isConnected} onClick={kill} icon="mdi mdi-close">
<ToolbarButton disabled={!isConnected} onClick={kill} icon="icon close">
Kill
</ToolbarButton>
<ToolbarButton onClick={save} icon="mdi mdi-save">
<ToolbarButton onClick={save} icon="icon save">
Save
</ToolbarButton>
<ToolbarButton onClick={format} icon="mdi mdi-code-tags-check">
<ToolbarButton onClick={format} icon="icon format-code">
Format
</ToolbarButton>
</>

View File

@@ -4,13 +4,13 @@ import ToolbarButton from '../widgets/ToolbarButton';
export default function ShellToolbar({ execute, cancel, busy, edit, editAvailable }) {
return (
<>
<ToolbarButton disabled={busy} onClick={execute} icon="mdi mdi-play">
<ToolbarButton disabled={busy} onClick={execute} icon="icon run">
Execute
</ToolbarButton>
<ToolbarButton disabled={!busy} onClick={cancel} icon="mdi mdi-close">
<ToolbarButton disabled={!busy} onClick={cancel} icon="icon close">
Cancel
</ToolbarButton>
<ToolbarButton disabled={!editAvailable} onClick={edit} icon="mdi mdi-comment-edit">
<ToolbarButton disabled={!editAvailable} onClick={edit} icon="icon show-wizard">
Show wizard
</ToolbarButton>
</>

View File

@@ -14,7 +14,7 @@ export default function useNewQuery() {
return ({ title = undefined, ...props } = {}) =>
openNewTab(setOpenedTabs, {
title: title || 'Query',
icon: 'mdi mdi-file',
icon: 'img sql-file',
tooltip,
tabComponent: 'QueryTab',
props: {