add eslint, optional disable press for table rows

.eslintrc

@@ -0,0 +1,24 @@
+{
+  "extends": [
+    "plugin:@typescript-eslint/eslint-recommended",
+    "plugin:@typescript-eslint/recommended"
+  ],
+  "parser": "@typescript-eslint/parser",
+  "plugins": ["@typescript-eslint", "import", "react-hooks"],
+  "rules": {
+    "import/no-anonymous-default-export": 0,
+    "react-hooks/rules-of-hooks": "error",
+    "react-hooks/exhaustive-deps": "warn",
+    "@typescript-eslint/ban-ts-comment": 0,
+    "@typescript-eslint/no-empty-interface": 0,
+    "@typescript-eslint/consistent-type-imports": "warn"
+  },
+  "settings": {
+    "import/parsers": {
+      "@typescript-eslint/parser": [".ts", ".tsx"]
+    },
+    "import/resolver": {
+      "@typescript-eslint/parser": "./tsconfig.json"
+    }
+  }
+}

App.tsx

@@ -1,5 +1,5 @@
 import Ionicons from '@expo/vector-icons/Ionicons';
-import { Modal, SafeAreaView, ScrollView } from 'react-native';
+import { SafeAreaView, ScrollView } from 'react-native';
 import { Button } from 'components/Button';
 import { Flex } from 'components/Flex';
 import { HorizontalScroll } from 'components/HorizontalScroll';

package.json

@@ -15,25 +15,33 @@
     "build:esm": "tsc --project tsconfig.build-esm.json && tsc-alias -p tsconfig.build-esm.json",
     "dev": "expo start -c",
     "dev:clean": "expo r -c",
+    "lint": "eslint \"**/*.{ts,tsx}\"",
     "rm:build": "rimraf lib",
     "storybook": "start-storybook -p 6006",
     "typecheck": "tsc --noEmit"
   },
   "author": "Matthew Wolfe",
   "license": "MIT",
   "devDependencies": {
-    "@babel/core": "^7.21.4",
+    "@babel/core": "^7.21.5",
     "@types/react": "^18.2.0",
     "@types/react-native": "^0.71.6",
+    "@typescript-eslint/eslint-plugin": "^5.59.2",
+    "@typescript-eslint/parser": "^5.59.2",
     "babel-plugin-module-resolver": "^5.0.0",
-    "expo": "^48.0.13",
+    "eslint": "^8.39.0",
+    "eslint-import-resolver-typescript": "^3.5.5",
+    "eslint-plugin-import": "^2.27.5",
+    "eslint-plugin-react": "^7.32.2",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "expo": "^48.0.15",
     "metro-react-native-babel-preset": "^0.76.3",
     "prettier": "^2.8.8",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-native": "^0.71.7",
     "rimraf": "^5.0.0",
-    "tsc-alias": "^1.8.5",
+    "tsc-alias": "^1.8.6",
     "typescript": "^5.0.4"
   },
   "peerDependencies": {

src/components/Switch/Switch.tsx

@@ -1,13 +1,8 @@
 import React from 'react';
-import { StyleSheet, Switch as SwitchBase } from 'react-native';
-import { theme } from 'theme';
+import { Switch as SwitchBase } from 'react-native';
 
 import type { Props } from './Switch.types';
 
-const switchStyles = StyleSheet.create({
-  base: {},
-});
-
 function Switch(props: Props) {
   return <SwitchBase {...props} />;
 }

src/components/TableRow/TableRow.tsx

@@ -38,17 +38,26 @@ const styles = StyleSheet.create({
   },
 });
 
-function TableRow({ last = false, left, onPress, rightIcon, rightText, subtitle, title }: Props) {
+function TableRow({
+  disablePress,
+  last = false,
+  left,
+  onPress,
+  rightIcon,
+  rightText,
+  subtitle,
+  title,
+}: Props) {
   const [active, setActive] = useState<boolean>(false);
 
   const rootStyles = useMemo(
     () => ({
       ...styles.root,
       ...(subtitle ? styles.rootWithSubtitle : {}),
-      ...(active ? styles.active : {}),
+      ...(active && !disablePress ? styles.active : {}),
       ...(last ? styles.last : {}),
     }),
-    [active, last, subtitle]
+    [active, disablePress, last, subtitle]
   );
 
   return (

src/components/TableRow/TableRow.types.ts

@@ -2,6 +2,7 @@ import type { ReactNode } from 'react';
 import type { TouchableOpacityProps } from 'react-native';
 
 interface BaseProps {
+  disablePress?: boolean;
   last?: boolean;
   left?: ReactNode;
   onPress?: TouchableOpacityProps['onPress'];