From 1d00f3b9840003601175d5394af34b29222db4e3 Mon Sep 17 00:00:00 2001 From: Paul Frazee Date: Mon, 18 Jul 2022 15:24:37 -0500 Subject: Add mock API and reorg code for clarity --- src/platform/desktop-web/left-column.tsx | 57 -------------------------------- 1 file changed, 57 deletions(-) delete mode 100644 src/platform/desktop-web/left-column.tsx (limited to 'src/platform/desktop-web/left-column.tsx') diff --git a/src/platform/desktop-web/left-column.tsx b/src/platform/desktop-web/left-column.tsx deleted file mode 100644 index 082231ec9..000000000 --- a/src/platform/desktop-web/left-column.tsx +++ /dev/null @@ -1,57 +0,0 @@ -import React from 'react' -import {Pressable, View, StyleSheet} from 'react-native' -import {Link} from '@react-navigation/native' -import {useRoute} from '@react-navigation/native' - -export const NavItem: React.FC<{label: string; screen: string}> = ({ - label, - screen, -}) => { - const route = useRoute() - return ( - - [ - // @ts-ignore it does exist! (react-native-web) -prf - state.hovered && styles.navItemHovered, - ]}> - - {label} - - - - ) -} - -export const DesktopLeftColumn: React.FC = () => { - return ( - - - - - - ) -} - -const styles = StyleSheet.create({ - container: { - position: 'absolute', - left: 'calc(50vw - 500px)', - width: '200px', - height: '100%', - }, - navItemHovered: { - backgroundColor: 'gray', - }, - navItemLink: { - padding: '1rem', - }, - navItemLinkSelected: { - color: 'blue', - }, -}) -- cgit 1.4.1