From 1d00f3b9840003601175d5394af34b29222db4e3 Mon Sep 17 00:00:00 2001
From: Paul Frazee <pfrazee@gmail.com>
Date: Mon, 18 Jul 2022 15:24:37 -0500
Subject: Add mock API and reorg code for clarity

---
 src/view/shell/desktop-web/shell.tsx | 35 +++++++++++++++++++++++++++++++++++
 1 file changed, 35 insertions(+)
 create mode 100644 src/view/shell/desktop-web/shell.tsx

(limited to 'src/view/shell/desktop-web/shell.tsx')

diff --git a/src/view/shell/desktop-web/shell.tsx b/src/view/shell/desktop-web/shell.tsx
new file mode 100644
index 000000000..13acbbfed
--- /dev/null
+++ b/src/view/shell/desktop-web/shell.tsx
@@ -0,0 +1,35 @@
+import React from 'react'
+import {observer} from 'mobx-react-lite'
+import {View, StyleSheet} from 'react-native'
+import {DesktopLeftColumn} from './left-column'
+import {DesktopRightColumn} from './right-column'
+import {useStores} from '../../../state'
+
+export const DesktopWebShell: React.FC = observer(({children}) => {
+  const store = useStores()
+  return (
+    <View style={styles.outerContainer}>
+      {store.session.isAuthed ? (
+        <>
+          <DesktopLeftColumn />
+          <View style={styles.innerContainer}>{children}</View>
+          <DesktopRightColumn />
+        </>
+      ) : (
+        <View style={styles.innerContainer}>{children}</View>
+      )}
+    </View>
+  )
+})
+
+const styles = StyleSheet.create({
+  outerContainer: {
+    height: '100%',
+  },
+  innerContainer: {
+    marginLeft: 'auto',
+    marginRight: 'auto',
+    width: '600px',
+    height: '100%',
+  },
+})
-- 
cgit 1.4.1