From 3b4e1a5b96676e842904572eb4c0ba700e9a3f9d Mon Sep 17 00:00:00 2001
From: Matilde Park <matilde@tlon.io>
Date: Tue, 24 Nov 2020 23:49:32 -0500
Subject: [PATCH 1/2] landscape: add breach notification

---
 pkg/interface/src/views/App.js | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/pkg/interface/src/views/App.js b/pkg/interface/src/views/App.js
index f3315809ce..d48db7ffab 100644
--- a/pkg/interface/src/views/App.js
+++ b/pkg/interface/src/views/App.js
@@ -14,6 +14,8 @@ import './css/fonts.css';
 import light from './themes/light';
 import dark from './themes/old-dark';
 
+import { Text, Anchor } from '@tlon/indigo-react';
+
 import { Content } from './landscape/components/Content';
 import StatusBar from './components/StatusBar';
 import Omnibox from './components/leap/Omnibox';
@@ -136,6 +138,7 @@ class App extends React.Component {
             : null}
         </Helmet>
         <Root background={background}>
+        <Text p='2' backgroundColor='yellow' color='#000000'>A network-wide breach is scheduled for early December 2020. Please visit <Anchor target="_blank" href="https://urbit.org/breach" color='inherit'>urbit.org/breach</Anchor> for more information.</Text>
           <Router>
             <ErrorBoundary>
               <StatusBarWithRouter

From e32a0bf5db6f2761a2b96ed1958722def044a490 Mon Sep 17 00:00:00 2001
From: Matilde Park <matilde.park@gmail.com>
Date: Wed, 25 Nov 2020 18:26:44 -0500
Subject: [PATCH 2/2] launch: banner is dismissable

---
 pkg/interface/src/views/App.js | 22 ++++++++++++++++++++--
 1 file changed, 20 insertions(+), 2 deletions(-)

diff --git a/pkg/interface/src/views/App.js b/pkg/interface/src/views/App.js
index d48db7ffab..88dda65259 100644
--- a/pkg/interface/src/views/App.js
+++ b/pkg/interface/src/views/App.js
@@ -14,7 +14,7 @@ import './css/fonts.css';
 import light from './themes/light';
 import dark from './themes/old-dark';
 
-import { Text, Anchor } from '@tlon/indigo-react';
+import { Text, Anchor, Row } from '@tlon/indigo-react';
 
 import { Content } from './landscape/components/Content';
 import StatusBar from './components/StatusBar';
@@ -27,6 +27,7 @@ import GlobalApi from '~/logic/api/global';
 import { uxToHex } from '~/logic/lib/util';
 import { foregroundFromBackground } from '~/logic/lib/sigil';
 
+
 const Root = styled.div`
   font-family: ${p => p.theme.fonts.sans};
   height: 100%;
@@ -130,6 +131,9 @@ class App extends React.Component {
     const notificationsCount = state.notificationsCount || 0;
     const doNotDisturb = state.doNotDisturb || false;
 
+    const showBanner = localStorage.getItem("2020BreachBanner") || "flex";
+    let banner = null;
+
     return (
       <ThemeProvider theme={theme}>
         <Helmet>
@@ -138,7 +142,21 @@ class App extends React.Component {
             : null}
         </Helmet>
         <Root background={background}>
-        <Text p='2' backgroundColor='yellow' color='#000000'>A network-wide breach is scheduled for early December 2020. Please visit <Anchor target="_blank" href="https://urbit.org/breach" color='inherit'>urbit.org/breach</Anchor> for more information.</Text>
+          <Row
+            ref={e => banner = e}
+            display={showBanner}
+            justifyContent="space-between"
+            width='100%'
+            p='2'
+            backgroundColor='yellow'>
+          <Text color='#000000'>
+            A network-wide breach is scheduled for early December 2020. Please visit <Anchor target="_blank" href="https://urbit.org/breach" color='inherit'>urbit.org/breach</Anchor> for more information.
+              </Text>
+            <Text cursor='pointer' fontWeight='500' onClick={() => {
+              banner.style.displaydisplay = "none";
+              localStorage.setItem("2020BreachBanner", "none");
+            }}>Dismiss</Text>
+          </Row>
           <Router>
             <ErrorBoundary>
               <StatusBarWithRouter