format

Author: bwees

.vscode/settings.json

@@ -6,7 +6,8 @@
     "typescriptreact"
   ],
   "editor.codeActionsOnSave": {
-    "source.fixAll.eslint": "explicit"
+    "source.fixAll.eslint": "explicit",
+    "source.organizeImports": "always"
   },
   "eslint.rules.customizations": [
     {

app/components/sheets/RoutesList.tsx

@@ -1,32 +1,26 @@
+import { FontAwesome, FontAwesome6, MaterialIcons } from "@expo/vector-icons";
+import { BottomSheetFlatList, BottomSheetModal } from "@gorhom/bottom-sheet";
+import SegmentedControl, {
+  NativeSegmentedControlIOSChangeEvent,
+} from "@react-native-segmented-control/segmented-control";
+import { useQueryClient } from "@tanstack/react-query";
+import { useRoutes } from "app/data/api_query";
+import { useDefaultRouteGroup, useFavorites } from "app/data/storage_query";
+import { SheetProps } from "app/utils";
 import React, { memo, useEffect, useState } from "react";
 import {
   ActivityIndicator,
-  View,
-  TouchableOpacity,
-  Text,
   NativeSyntheticEvent,
   Platform,
+  Text,
+  TouchableOpacity,
+  View,
 } from "react-native";
-import SegmentedControl, {
-  NativeSegmentedControlIOSChangeEvent,
-} from "@react-native-segmented-control/segmented-control";
-import { BottomSheetModal, BottomSheetFlatList } from "@gorhom/bottom-sheet";
-import { FontAwesome, FontAwesome6, MaterialIcons } from "@expo/vector-icons";
-
 import { IDirectionList, IMapRoute } from "../../../utils/interfaces";
 import useAppStore from "../../data/app_state";
 import BusIcon from "../ui/BusIcon";
-import SheetHeader from "../ui/SheetHeader";
 import IconPill from "../ui/IconPill";
-import {
-  useAuthToken,
-  useBaseData,
-  usePatternPaths,
-  useRoutes,
-} from "app/data/api_query";
-import { useDefaultRouteGroup, useFavorites } from "app/data/storage_query";
-import { useQueryClient } from "@tanstack/react-query";
-import { SheetProps } from "app/utils";
+import SheetHeader from "../ui/SheetHeader";
 
 // Display routes list for all routes and favorite routes
 const RoutesList: React.FC<SheetProps> = ({ sheetRef }) => {
@@ -35,10 +29,10 @@ const RoutesList: React.FC<SheetProps> = ({ sheetRef }) => {
 
   const setSelectedRoute = useAppStore((state) => state.setSelectedRoute);
   const selectedRouteCategory = useAppStore(
-    (state) => state.selectedRouteCategory,
+    (state) => state.selectedRouteCategory
   );
   const setSelectedRouteCategory = useAppStore(
-    (state) => state.setSelectedRouteCategory,
+    (state) => state.setSelectedRouteCategory
   );
   const setDrawnRoutes = useAppStore((state) => state.setDrawnRoutes);
   const presentSheet = useAppStore((state) => state.presentSheet);
@@ -124,11 +118,10 @@ const RoutesList: React.FC<SheetProps> = ({ sheetRef }) => {
   }
 
   const handleSetSelectedRouteCategory = (
-    evt: NativeSyntheticEvent<NativeSegmentedControlIOSChangeEvent>,
+    evt: NativeSyntheticEvent<NativeSegmentedControlIOSChangeEvent>
   ) => {
     setSelectedRouteCategory(
-      getRouteCategories()[evt.nativeEvent.selectedSegmentIndex] ??
-        "All Routes",
+      getRouteCategories()[evt.nativeEvent.selectedSegmentIndex] ?? "All Routes"
     );
   };
 
@@ -271,7 +264,7 @@ const RoutesList: React.FC<SheetProps> = ({ sheetRef }) => {
                     {route.name}
                   </Text>
                   {favorites?.some(
-                    (fav) => fav.shortName === route.shortName,
+                    (fav) => fav.shortName === route.shortName
                   ) && (
                     <FontAwesome
                       name="star"
@@ -303,7 +296,7 @@ const RoutesList: React.FC<SheetProps> = ({ sheetRef }) => {
                             </Text>
                           )}
                         </React.Fragment>
-                      ),
+                      )
                     )}
                   </View>
                 ) : (

app/index.tsx

@@ -42,7 +42,7 @@ const Home = () => {
   const dismissSheet = useAppStore((state) => state.dismissSheet);
   const setTheme = useAppStore((state) => state.setTheme);
   const callSheetCloseCallback = useAppStore(
-    (state) => state.callSheetCloseCallback,
+    (state) => state.callSheetCloseCallback
   );
   const theme = useAppStore((state) => state.theme);