diff options
Diffstat (limited to 'src/view/shell/desktop-web')
-rw-r--r-- | src/view/shell/desktop-web/index.tsx | 35 | ||||
-rw-r--r-- | src/view/shell/desktop-web/left-column.tsx | 57 | ||||
-rw-r--r-- | src/view/shell/desktop-web/right-column.tsx | 19 |
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%', - }, -}) |