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

using fonticon instead of span

Browse Source
This commit is contained in:
Jan Prochazka
2020-11-10 17:34:00 +01:00
parent 1169e23997
commit 1c2dedfef3
20 changed files with 77 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,5 +1,6 @@
import React from 'react';
import styled from 'styled-components';
import { FontIcon } from '../icons';
import { useCurrentDatabase } from '../utility/globalState';
import { useDatabaseStatus } from '../utility/metadataLoaders';
@@ -24,18 +25,18 @@ export default function StatusBar() {
<Container>
{name && (
<Item>
<span className="mdi mdi-database" /> {name}
<FontIcon icon="mdi mdi-database" /> {name}
</Item>
)}
{(displayName || server) && (
<Item>
<span className='mdi mdi-server'/> {displayName || server}
<FontIcon icon='mdi mdi-server'/> {displayName || server}
</Item>
)}
{user && (
<Item>
<span className="mdi mdi-account" /> {user}
<FontIcon icon="mdi mdi-account" /> {user}
</Item>
)}
@@ -43,17 +44,17 @@ export default function StatusBar() {
<Item>
{status.name == 'pending' && (
<>
<span className="mdi mdi-loading mdi-spin" /> Loading
<FontIcon icon="mdi mdi-loading mdi-spin" /> Loading
</>
)}
{status.name == 'ok' && (
<>
<span className="mdi mdi-check-circle color-on-statusbar-green" /> Connected
<FontIcon icon="mdi mdi-check-circle color-on-statusbar-green" /> Connected
</>
)}
{status.name == 'error' && (
<>
<span className="mdi mdi-close-circle color-red" /> Error
<FontIcon icon="mdi mdi-close-circle color-red" /> Error
</>
)}
</Item>
@@ -61,7 +62,7 @@ export default function StatusBar() {
{!connection && (
<Item>
<>
<span className="mdi mdi-lan-disconnect" /> Not connected
<FontIcon icon="mdi mdi-lan-disconnect" /> Not connected
</>
</Item>
)}