2 files changed, 55 insertions, 13 deletions
diff --git a/src/state/shell/index.tsx b/src/state/shell/index.tsx
index 53f05055c..897a66020 100644
--- a/src/state/shell/index.tsx
+++ b/src/state/shell/index.tsx
@@ -7,6 +7,7 @@ import {Provider as ColorModeProvider} from './color-mode'
 import {Provider as OnboardingProvider} from './onboarding'
 import {Provider as ComposerProvider} from './composer'
 import {Provider as TickEveryMinuteProvider} from './tick-every-minute'
+import {Provider as LoggedOutViewProvider} from './logged-out'
 
 export {useIsDrawerOpen, useSetDrawerOpen} from './drawer-open'
 export {
@@ -22,19 +23,23 @@ export {useTickEveryMinute} from './tick-every-minute'
 export function Provider({children}: React.PropsWithChildren<{}>) {
   return (
     <ShellLayoutProvder>
-      <DrawerOpenProvider>
-        <DrawerSwipableProvider>
-          <MinimalModeProvider>
-            <ColorModeProvider>
-              <OnboardingProvider>
-                <ComposerProvider>
-                  <TickEveryMinuteProvider>{children}</TickEveryMinuteProvider>
-                </ComposerProvider>
-              </OnboardingProvider>
-            </ColorModeProvider>
-          </MinimalModeProvider>
-        </DrawerSwipableProvider>
-      </DrawerOpenProvider>
+      <LoggedOutViewProvider>
+        <DrawerOpenProvider>
+          <DrawerSwipableProvider>
+            <MinimalModeProvider>
+              <ColorModeProvider>
+                <OnboardingProvider>
+                  <ComposerProvider>
+                    <TickEveryMinuteProvider>
+                      {children}
+                    </TickEveryMinuteProvider>
+                  </ComposerProvider>
+                </OnboardingProvider>
+              </ColorModeProvider>
+            </MinimalModeProvider>
+          </DrawerSwipableProvider>
+        </DrawerOpenProvider>
+      </LoggedOutViewProvider>
     </ShellLayoutProvder>
   )
 }
diff --git a/src/state/shell/logged-out.tsx b/src/state/shell/logged-out.tsx
new file mode 100644
index 000000000..19eaee76b
--- /dev/null
+++ b/src/state/shell/logged-out.tsx
@@ -0,0 +1,37 @@
+import React from 'react'
+
+type StateContext = {
+  showLoggedOut: boolean
+}
+
+const StateContext = React.createContext<StateContext>({
+  showLoggedOut: false,
+})
+const ControlsContext = React.createContext<{
+  setShowLoggedOut: (show: boolean) => void
+}>({
+  setShowLoggedOut: () => {},
+})
+
+export function Provider({children}: React.PropsWithChildren<{}>) {
+  const [showLoggedOut, setShowLoggedOut] = React.useState(false)
+
+  const state = React.useMemo(() => ({showLoggedOut}), [showLoggedOut])
+  const controls = React.useMemo(() => ({setShowLoggedOut}), [setShowLoggedOut])
+
+  return (
+    <StateContext.Provider value={state}>
+      <ControlsContext.Provider value={controls}>
+        {children}
+      </ControlsContext.Provider>
+    </StateContext.Provider>
+  )
+}
+
+export function useLoggedOutView() {
+  return React.useContext(StateContext)
+}
+
+export function useLoggedOutViewControls() {
+  return React.useContext(ControlsContext)
+}