From 64ac701909b5f57111e1361295ceca633239e8ce Mon Sep 17 00:00:00 2001
From: Joachim Schuler <jschuler@redhat.com>
Date: Mon, 15 Jul 2019 11:58:27 -0400
Subject: [PATCH] closable pf4 banner

---
 packages/patternfly-4/src/components/banner/banner.js | 4 ++--
 packages/patternfly-4/src/components/layout.js        | 9 +++++++--
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/packages/patternfly-4/src/components/banner/banner.js b/packages/patternfly-4/src/components/banner/banner.js
index e2ec166b26..06bb82f7bf 100644
--- a/packages/patternfly-4/src/components/banner/banner.js
+++ b/packages/patternfly-4/src/components/banner/banner.js
@@ -8,11 +8,11 @@ const Banner = ({ onClose }) => (
     <span class="pf-u-ml-xl custom-text-hide">Looking for PatternFly 3? All documentation and code examples are still available.</span>
     <a href="/" class="custom-text-link pf-u-mx-md">Go to PatternFly 3<i class="fas fa-arrow-right pf-u-mx-sm"></i></a>
     </div>
-    {/* <div class="pf-u-mr-xl custom-close-button">
+    <div class="pf-u-mr-xl custom-close-button">
       <Button variant="plain" aria-label="Action" onClick={onClose}>
           <TimesIcon />
       </Button>
-    </div> */}
+    </div>
   </div>
 );
 
diff --git a/packages/patternfly-4/src/components/layout.js b/packages/patternfly-4/src/components/layout.js
index cb76247e1f..a0186045ad 100644
--- a/packages/patternfly-4/src/components/layout.js
+++ b/packages/patternfly-4/src/components/layout.js
@@ -30,7 +30,11 @@ import axios from 'axios';
 import './layout.scss';
 
 // Set initial state
-let state = { isBannerOpen: true, isExpanded: false, sections: {} };
+let state = { 
+  isBannerOpen: true, 
+  isExpanded: false, 
+  sections: {} 
+};
 
 class Layout extends React.Component {
 
@@ -38,7 +42,7 @@ class Layout extends React.Component {
     super(props);
 
     // Retrieve the last state
-    this.state = state;
+    this.state = Object.assign(state, { isBannerOpen: sessionStorage.getItem('pf4-banner-closed') !== 'true' });
   }
 
   componentDidMount() {
@@ -67,6 +71,7 @@ class Layout extends React.Component {
   }
 
   closeBanner = () => {
+    sessionStorage.setItem('pf4-banner-closed', 'true');
     this.setState({
       isBannerOpen: false
     })