Extracted update banner to a separated component

This commit is contained in:
Alejandro Celaya
2021-07-12 12:24:04 +02:00
parent 8045fa8886
commit 08694d7693
7 changed files with 75 additions and 78 deletions

View File

@@ -0,0 +1,16 @@
import { FC, MouseEventHandler } from 'react';
import { Alert } from 'reactstrap';
import { SimpleCard } from '../utils/SimpleCard';
import './AppUpdateBanner.scss';
interface AppUpdateBannerProps {
isOpen: boolean;
toggle: MouseEventHandler<any>;
}
export const AppUpdateBanner: FC<AppUpdateBannerProps> = (props) => (
<Alert className="app-update-banner" {...props} tag={SimpleCard} color="secondary">
<h4 className="mb-4">This app has just been updated!</h4>
<p className="mb-0">Restart it to enjoy the new features.</p>
</Alert>
);