about summary refs log tree commit diff
path: root/src/view/shell/desktop-web
diff options
context:
space:
mode:
Diffstat (limited to 'src/view/shell/desktop-web')
-rw-r--r--src/view/shell/desktop-web/index.tsx35
-rw-r--r--src/view/shell/desktop-web/left-column.tsx57
-rw-r--r--src/view/shell/desktop-web/right-column.tsx19
3 files changed, 0 insertions, 111 deletions
diff --git a/src/view/shell/desktop-web/index.tsx b/src/view/shell/desktop-web/index.tsx
deleted file mode 100644
index 194954349..000000000
--- a/src/view/shell/desktop-web/index.tsx
+++ /dev/null
@@ -1,35 +0,0 @@
-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.hasSession ? (
-        <>
-          <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%',
-  },
-})
diff --git a/src/view/shell/desktop-web/left-column.tsx b/src/view/shell/desktop-web/left-column.tsx
deleted file mode 100644
index 3ce6c2eca..000000000
--- a/src/view/shell/desktop-web/left-column.tsx
+++ /dev/null
@@ -1,57 +0,0 @@
-import React from 'react'
-import {View} from 'react-native'
-
-// export const NavItem: React.FC<{label: string; screen: string}> = ({
-//   label,
-//   screen,
-// }) => {
-//   const Link = <></> // TODO
-//   return (
-//     <View>
-//       <Pressable
-//         style={state => [
-//           // @ts-ignore it does exist! (react-native-web) -prf
-//           state.hovered && styles.navItemHovered,
-//         ]}>
-//         <Link
-//           style={[
-//             styles.navItemLink,
-//             false /* TODO route.name === screen*/ && styles.navItemLinkSelected,
-//           ]}
-//           to={{screen, params: {}}}>
-//           {label}
-//         </Link>
-//       </Pressable>
-//     </View>
-//   )
-// }
-
-export const DesktopLeftColumn: React.FC = () => {
-  // TODO
-  return <View />
-  // return (
-  //   <View style={styles.container}>
-  //     <NavItem screen="Home" label="Home" />
-  //     <NavItem screen="Search" label="Search" />
-  //     <NavItem screen="Notifications" label="Notifications" />
-  //   </View>
-  // )
-}
-
-// const styles = StyleSheet.create({
-//   container: {
-//     position: 'absolute',
-//     left: 'calc(50vw - 500px)',
-//     width: '200px',
-//     height: '100%',
-//   },
-//   navItemHovered: {
-//     backgroundColor: 'gray',
-//   },
-//   navItemLink: {
-//     padding: '1rem',
-//   },
-//   navItemLinkSelected: {
-//     color: 'blue',
-//   },
-// })
diff --git a/src/view/shell/desktop-web/right-column.tsx b/src/view/shell/desktop-web/right-column.tsx
deleted file mode 100644
index 5fe65cac8..000000000
--- a/src/view/shell/desktop-web/right-column.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import React from 'react'
-import {Text, View, StyleSheet} from 'react-native'
-
-export const DesktopRightColumn: React.FC = () => {
-  return (
-    <View style={styles.container}>
-      <Text>Right Column</Text>
-    </View>
-  )
-}
-
-const styles = StyleSheet.create({
-  container: {
-    position: 'absolute',
-    right: 'calc(50vw - 500px)',
-    width: '200px',
-    height: '100%',
-  },
-})