used mdi icons instead of font awesome

This commit is contained in:
Jan Prochazka
2020-11-09 19:33:46 +01:00
parent 4bf797c27d
commit a7fcf1d3a3
25 changed files with 85 additions and 51 deletions

View File

@@ -68,11 +68,11 @@ export function AppObjectCore({
{...other}
>
{prefix}
<IconWrap>{isBusy ? <i className="fas fa-spinner fa-spin"></i> : <Icon />}</IconWrap>
<IconWrap>{isBusy ? <span className="mdi mdi-loading mdi-spin"></span> : <Icon />}</IconWrap>
{title}
{statusIcon && (
<StatusIconWrap>
<FontIcon icon={statusIcon} title={statusTitle} />
<span className={statusIcon} title={statusTitle} />
</StatusIconWrap>
)}
</Component>

View File

@@ -4,7 +4,6 @@ import { MacroIcon, StartIcon } from '../icons';
const macroAppObject = () => ({ name, type, title, group }, { setOpenedTabs }) => {
const key = name;
// const Icon = (props) => <i className="fas fa-archive" />;
const Icon = MacroIcon;
const matcher = (filter) => filterName(filter, name, title);
const groupTitle = group;

View File

@@ -60,7 +60,6 @@ function Menu({ data, setOpenedTabs }) {
const archiveFileAppObject = () => ({ fileName, folderName }, { setOpenedTabs }) => {
const key = fileName;
// const Icon = (props) => <i className="fas fa-archive" />;
const Icon = ArchiveTableIcon;
const onClick = () => {
openArchive(setOpenedTabs, fileName, folderName);

View File

@@ -19,7 +19,6 @@ function Menu({ data, setOpenedTabs }) {
const archiveFolderAppObject = () => ({ name }, { setOpenedTabs, currentArchive }) => {
const key = name;
// const Icon = (props) => <i className="fas fa-archive" />;
const Icon = LocalDbIcon;
const isBold = name == currentArchive;
const matcher = (filter) => filterName(filter, name);

View File

@@ -77,10 +77,10 @@ const connectionAppObject = (flags) => (
let statusIcon = null;
let statusTitle = null;
if (openedConnections.includes(_id)) {
if (!status) statusIcon = 'fas fa-spinner fa-spin';
else if (status.name == 'pending') statusIcon = 'fas fa-spinner fa-spin';
else if (status.name == 'ok') statusIcon = 'fas fa-check-circle green';
else statusIcon = 'fas fa-times-circle red';
if (!status) statusIcon = 'mdi mdi-loading mdi-spin';
else if (status.name == 'pending') statusIcon = 'mdi mdi-loading mdi-spin';
else if (status.name == 'ok') statusIcon = 'mdi mdi-check-circle color-green';
else statusIcon = 'mdi mdi-close-circle color-red';
if (status && status.name == 'error') {
statusTitle = status.message;
}