TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2024-12-28 21:33:24 +03:00
Code Issues Projects Releases Wiki Activity

Add closing logic

Browse Source
This commit is contained in:
Sodbileg Gansukh 2023-04-19 15:29:59 +01:00 committed by Elena Baidakova
parent 6e1cb2f8ad
commit 8e7a150237
1 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
ghost/announcement-bar/src/components/AnnouncementBar.js
View File

@ -4,13 +4,18 @@ import './AnnouncementBar.css';
import {ReactComponent as CloseIcon} from '../icons/clear.svg';
export function AnnouncementBar({settings}) {
const [visible, setVisible] = React.useState(true);
// eslint-disable-next-line no-unused-vars
const [data, setData] = React.useState({content: '<p>Content with <a href="https://ghost.org/">link</a></p>'});
if (!visible) {
return null;
}
return (
<div className="gh-announcement-bar dark">
<div className="gh-announcement-bar-content" dangerouslySetInnerHTML={{__html: data.content}}></div>
<button>
<button onClick={() => setVisible(false)}>
<CloseIcon />
</button>
</div>