dennii/dbgate
1
0
Fork 0
mirror of https://github.com/DeNNiiInc/dbgate.git synced 2026-04-19 17:46:00 +00:00
Code Issues Packages Projects Releases Wiki Activity

icon names refactor

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/web/src/widgets/DatabaseWidget.js
View File

@@ -126,7 +126,7 @@ function SqlObjectListWrapper() {
const db = useCurrentDatabase();
if (!db) {
return <ErrorInfo message="Database not selected" icon="mdi mdi-alert-circle color-blue" />;
return <ErrorInfo message="Database not selected" icon="img alert" />;
}
const { name, connection } = db;

2
packages/web/src/widgets/DropDownButton.js
View File

@@ -13,7 +13,7 @@ export default function DropDownButton({ children }) {
return (
<InlineButton buttonRef={buttonRef} onClick={handleShowMenu} square>
<FontIcon icon="mdi mdi-chevron-down" />
<FontIcon icon="icon chevron-down" />
</InlineButton>
);
}

2
packages/web/src/widgets/ErrorInfo.js
View File

@@ -19,7 +19,7 @@ const ContainerSmall = styled.div`
margin-right: 10px;
`;
export default function ErrorInfo({ message, icon = 'mdi mdi-close-circle color-red', isSmall = false }) {
export default function ErrorInfo({ message, icon = 'img red-error', isSmall = false }) {
if (isSmall) {
return (
<ContainerSmall>

2
packages/web/src/widgets/LoadingInfo.js
View File

@@ -34,7 +34,7 @@ export default function LoadingInfo({ message, wrapper = false }) {
const core = (
<Container>
<Spinner>
<FontIcon icon="mdi mdi-loading mdi-spin" />
<FontIcon icon="icon loading" />
</Spinner>
{message}
</Container>

14
packages/web/src/widgets/StatusBar.js
View File

@@ -25,18 +25,18 @@ export default function StatusBar() {
<Container>
{name && (
<Item>
<FontIcon icon="mdi mdi-database" /> {name}
<FontIcon icon="icon database" /> {name}
</Item>
)}
{(displayName || server) && (
<Item>
<FontIcon icon='mdi mdi-server'/> {displayName || server}
<FontIcon icon="icon server" /> {displayName || server}
</Item>
)}
{user && (
<Item>
<FontIcon icon="mdi mdi-account" /> {user}
<FontIcon icon="icon account" /> {user}
</Item>
)}
@@ -44,17 +44,17 @@ export default function StatusBar() {
<Item>
{status.name == 'pending' && (
<>
<FontIcon icon="mdi mdi-loading mdi-spin" /> Loading
<FontIcon icon="icon loading" /> Loading
</>
)}
{status.name == 'ok' && (
<>
<FontIcon icon="mdi mdi-check-circle color-on-statusbar-green" /> Connected
<FontIcon icon="img statusbar-ok" /> Connected
</>
)}
{status.name == 'error' && (
<>
<FontIcon icon="mdi mdi-close-circle color-red" /> Error
<FontIcon icon="img red-error" /> Error
</>
)}
</Item>
@@ -62,7 +62,7 @@ export default function StatusBar() {
{!connection && (
<Item>
<>
<FontIcon icon="mdi mdi-lan-disconnect" /> Not connected
<FontIcon icon="icon disconnected" /> Not connected
</>
</Item>
)}

8
packages/web/src/widgets/Toolbar.js
View File

@@ -87,17 +87,17 @@ export default function ToolBar({ toolbarPortalRef }) {
</ToolbarButton>
))}
{config.runAsPortal == false && (
<ToolbarButton onClick={modalState.open} icon="mdi mdi-database-plus">
<ToolbarButton onClick={modalState.open} icon="icon new-connection">
Add connection
</ToolbarButton>
)}
<ToolbarButton onClick={newQuery} icon="mdi mdi-file">
<ToolbarButton onClick={newQuery} icon="icon sql-file">
New Query
</ToolbarButton>
<ToolbarButton onClick={newFreeTable} icon="mdi mdi-table">
<ToolbarButton onClick={newFreeTable} icon="icon table">
Free table editor
</ToolbarButton>
<ToolbarButton onClick={showImport} icon="mdi mdi-file-upload">
<ToolbarButton onClick={showImport} icon="icon import">
Import data
</ToolbarButton>

6
packages/web/src/widgets/WidgetIconPanel.js
View File

@@ -22,7 +22,7 @@ const IconWrapper = styled.div`
export default function WidgetIconPanel() {
const widgets = [
{
icon: 'mdi mdi-database',
icon: 'icon database',
name: 'database',
title: 'Database connections',
},
@@ -31,12 +31,12 @@ export default function WidgetIconPanel() {
// name: 'table',
// },
{
icon: 'mdi mdi-file',
icon: 'icon file',
name: 'file',
title: 'Closed tabs & Saved SQL files',
},
{
icon: 'mdi mdi-archive',
icon: 'icon archive',
name: 'archive',
title: 'Archive (saved tabular data)',
},