StarMC/Astral-nook
StarMC/Astral-nook
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Add support for flash messages utilizing redux

Browse source
This commit is contained in:
Dane Everitt 2019-06-11 23:12:03 -07:00
parent b93b40ba31
commit 435626f4b7
No known key found for this signature in database
GPG key ID: EEA66103B3D71F53
15 changed files with 268 additions and 34 deletions
Download patch file Download diff file Expand all files Collapse all files

12
resources/scripts/components/MessageBox.tsx
View file

@ -1,14 +1,18 @@
import * as React from 'react';
export type FlashMessageType = 'success' | 'info' | 'warning' | 'error';
interface Props {
title?: string;
message: string;
type?: 'success' | 'info' | 'warning' | 'error';
children: string;
type?: FlashMessageType;
}
export default ({ title, message, type }: Props) => (
export default ({ title, children, type }: Props) => (
<div className={`lg:inline-flex alert ${type}`} role={'alert'}>
{title && <span className={'title'}>{title}</span>}
<span className={'message'}>{message}</span>
<span className={'message'}>
{children}
</span>
</div>
);