Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-02-10 23:36:14 -05:00
Code Issues 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'; import {ReactComponent as CloseIcon} from '../icons/clear.svg';
export function AnnouncementBar({settings}) { export function AnnouncementBar({settings}) {
const [visible, setVisible] = React.useState(true);
// eslint-disable-next-line no-unused-vars // eslint-disable-next-line no-unused-vars
const [data, setData] = React.useState({content: '<p>Content with <a href="https://ghost.org/">link</a></p>'}); const [data, setData] = React.useState({content: '<p>Content with <a href="https://ghost.org/">link</a></p>'});
if (!visible) {
return null;
}
return ( return (
<div className="gh-announcement-bar dark"> <div className="gh-announcement-bar dark">
<div className="gh-announcement-bar-content" dangerouslySetInnerHTML={{__html: data.content}}></div> <div className="gh-announcement-bar-content" dangerouslySetInnerHTML={{__html: data.content}}></div>
<button> <button onClick={() => setVisible(false)}>
<CloseIcon /> <CloseIcon />
</button> </button>
</div> </div>