using fonticon instead of span

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

View File

@@ -5,6 +5,7 @@ import styled from 'styled-components';
import ModalHeader from './ModalHeader';
import ModalFooter from './ModalFooter';
import ModalContent from './ModalContent';
import { FontIcon } from '../icons';
const Wrapper = styled.div`
display:flex
@@ -23,7 +24,7 @@ export default function ErrorMessageModal({ modalState, title = 'Error', message
<ModalContent>
<Wrapper>
<IconWrapper>
<span className="mdi mdi-close-circle color-red" />
<FontIcon icon="mdi mdi-close-circle color-red" />
</IconWrapper>
{message}
</Wrapper>

View File

@@ -1,5 +1,6 @@
import React from 'react';
import styled from 'styled-components';
import { FontIcon } from '../icons';
const Wrapper = styled.div`
font-size: 15pt;
@@ -23,7 +24,7 @@ export default function ModalHeader({ children, modalState }) {
<Wrapper>
<div>{children}</div>
<CloseWrapper onClick={modalState.close}>
<span className="mdi mdi-close" />
<FontIcon icon="mdi mdi-close" />
</CloseWrapper>
</Wrapper>
);