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

Added announcement close button state storage to sessionStorage (#16683)

Browse source 
refs TryGhost/Team#3071
This commit is contained in:
Elena Baidakova 2023-04-20 16:39:44 +04:00 • committed by GitHub
parent 0addb5543f
commit a282857379
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 16 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
ghost/announcement-bar/src/components/AnnouncementBar.js
View file

@ -4,7 +4,12 @@ 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); const [visible, setVisible] = React.useState(isBarVisible());
const handleButtonClick = () => {
setBarVisibility();
setVisible(false);
};
if (!visible) { if (!visible) {
return null; return null;
@ -18,9 +23,18 @@ export function AnnouncementBar({settings}) {
return ( return (
<div className={className}> <div className={className}>
<div className="gh-announcement-bar-content" dangerouslySetInnerHTML={{__html: settings?.announcement}}></div> <div className="gh-announcement-bar-content" dangerouslySetInnerHTML={{__html: settings?.announcement}}></div>
<button onClick={() => setVisible(false)}> <button onClick={handleButtonClick}>
<CloseIcon /> <CloseIcon />
</button> </button>
</div> </div>
); );
} }
const BAR_STORAGE_KEY = 'isAnnouncementBarVisible';
function setBarVisibility(state = 'true') {
sessionStorage.setItem(BAR_STORAGE_KEY, state);
}
function isBarVisible() {
return !sessionStorage.getItem(BAR_STORAGE_KEY);
}