From 8e7a150237569ecc989549f6d789a435ddadaa29 Mon Sep 17 00:00:00 2001
From: Sodbileg Gansukh <sodbileg.gansukh@gmail.com>
Date: Wed, 19 Apr 2023 15:29:59 +0100
Subject: [PATCH] Add closing logic

---
 ghost/announcement-bar/src/components/AnnouncementBar.js | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/ghost/announcement-bar/src/components/AnnouncementBar.js b/ghost/announcement-bar/src/components/AnnouncementBar.js
index 4c8d07872d..addbd9f79f 100644
--- a/ghost/announcement-bar/src/components/AnnouncementBar.js
+++ b/ghost/announcement-bar/src/components/AnnouncementBar.js
@@ -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>