Cleanup.

src/components/map/GpxExport.tsx

@@ -39,7 +39,7 @@ const GpxExport: React.FC<{ gpx: any }> = (props: { gpx: any }) => {
     const filenameToTest =
       i === 0 ? `${filename}.${extension}` : `${filename}(${i}).${extension}`;
     try {
-      const statResult = await Filesystem.stat({
+      await Filesystem.stat({
         path: filenameToTest,
         directory: Directory.Documents,
       });

src/components/map/GpxRecord.tsx

@@ -1,4 +1,4 @@
-import React, { Fragment, useEffect, useRef, useState } from 'react';
+import React, { Fragment, useRef, useState } from 'react';
 
 import { useDB, useFind } from 'react-pouchdb';
 

src/components/map/Settings.tsx

@@ -1,4 +1,4 @@
-import React, { Fragment, useEffect, useRef, useState } from 'react';
+import React, { Fragment, useEffect, useRef } from 'react';
 
 import { useDB } from 'react-pouchdb';
 
@@ -16,7 +16,7 @@ import {
   IonTitle,
   IonToolbar,
 } from '@ionic/react';
-import { options, text } from 'ionicons/icons';
+import { options } from 'ionicons/icons';
 import { enterAnimation, leaveAnimation } from '../../lib/animation';
 import { useDispatch, useSelector } from 'react-redux';
 import { settingsActions, SettingsState } from '../../store/settings';
@@ -38,7 +38,7 @@ const Settings: React.FC<{}> = () => {
       } catch {}
     };
     initFromDb();
-  }, []);
+  }, [db, dispatch]);
 
   const settingsState = useSelector(
     (state: { settings: SettingsState }) => state.settings
@@ -65,7 +65,7 @@ const Settings: React.FC<{}> = () => {
       };
       settingsFromRedux();
     }
-  }, [settingsState]);
+  }, [db, settingsState]);
 
   const pseudo = useRef<HTMLIonInputElement>(null);
   const minTimeInterval = useRef<HTMLIonInputElement>(null);

src/components/map/TracksBrowser.tsx

@@ -10,12 +10,11 @@ import {
   IonItem,
   IonList,
   IonModal,
-  IonSpinner,
   IonTitle,
   IonToolbar,
 } from '@ionic/react';
 import { trash } from 'ionicons/icons';
-import React, { Fragment, Suspense, useRef } from 'react';
+import React, { Fragment, useRef } from 'react';
 import { useFind, useDB } from 'react-pouchdb';
 import { deleteGps } from '../../db/gpx';
 import { enterAnimation, leaveAnimation } from '../../lib/animation';

src/components/map/gpxes.tsx

@@ -1,4 +1,4 @@
-import React, { Suspense } from 'react';
+import React from 'react';
 
 import { useFind } from 'react-pouchdb';
 

src/components/map/map.tsx

@@ -27,7 +27,7 @@ import TileServerChooserDialog from './TileServerChooserDialog';
 import TrackBrowser from './TracksBrowser';
 import Settings from './Settings';
 
-const Map: react.FC<{}> = (props: {}) => {
+const Map: react.FC<{}> = () => {
   const dispatch = useDispatch();
 
   const resizeHandler = () => {