From 7e3f6f030680a8cf7b5baa3ce6f33acd5766fca8 Mon Sep 17 00:00:00 2001
From: Paul Frazee <pfrazee@gmail.com>
Date: Thu, 26 Jan 2023 11:25:52 -0600
Subject: Fix all type errors

---
 src/view/shell/desktop-web/left-column.tsx | 100 +++++++++++++++--------------
 1 file changed, 51 insertions(+), 49 deletions(-)

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

diff --git a/src/view/shell/desktop-web/left-column.tsx b/src/view/shell/desktop-web/left-column.tsx
index fabb8bc94..3ce6c2eca 100644
--- a/src/view/shell/desktop-web/left-column.tsx
+++ b/src/view/shell/desktop-web/left-column.tsx
@@ -1,55 +1,57 @@
 import React from 'react'
-import {Pressable, View, StyleSheet} from 'react-native'
+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 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 = () => {
-  return (
-    <View style={styles.container}>
-      <NavItem screen="Home" label="Home" />
-      <NavItem screen="Search" label="Search" />
-      <NavItem screen="Notifications" label="Notifications" />
-    </View>
-  )
+  // 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',
-  },
-})
+// 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

