fixes + UX

This commit is contained in:
Jan Prochazka
2020-06-27 12:50:45 +02:00
parent f78b1adefa
commit dc4fbe21de
5 changed files with 15 additions and 8 deletions

View File

@@ -1,6 +1,7 @@
import React from 'react';
import styled from 'styled-components';
import { FontIcon } from '../icons';
const Container = styled.div`
display: flex;
@@ -11,14 +12,13 @@ const Container = styled.div`
const Icon = styled.div`
font-size: 20pt;
margin: 10px;
color: red;
`;
export default function ErrorInfo({ message }) {
export default function ErrorInfo({ message, icon = 'fas fa-times-circle red' }) {
return (
<Container>
<Icon>
<i className="fas fa-times-circle" />
<FontIcon icon={icon} />
</Icon>
{message}
</Container>