You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
28 lines
588 B
JavaScript
28 lines
588 B
JavaScript
"use strict";
|
|
|
|
const React = require("react");
|
|
const classnames = require("classnames");
|
|
|
|
function CloseButton({onClick}) {
|
|
return (
|
|
<div className="closeButton" onClick={onClick}>✖</div>
|
|
);
|
|
}
|
|
|
|
module.exports = function Notification({store, id, type, title, message, controls}) {
|
|
return (
|
|
<div className={classnames("notification", `type-${type}`)}>
|
|
<CloseButton onClick={() => store.markRead(id)} />
|
|
<div className="header">
|
|
{title}
|
|
</div>
|
|
<div className="contents">
|
|
{message}
|
|
</div>
|
|
<div className="controls">
|
|
{controls}
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|