feat: Add history of cigarettes (#121)

* Start ts

* Convert all files to TS

* Make search work

* Make png import work

* Add retry

* Make api call work

* Add long waiting on Loading

* Make screens work

* Make cigarettes work

* Make header work

* Reverse geocoding

* Make details work

* Make search work

* Fix reload app

* Make tests pass

* Run eslint

* AqiHistory

* Add History manager back

* Start getting background location

* Remove circular dependency

* Fix isSaveNeeded

* Add getData for testing

* Add clearTable

* Fix tests

* Update README

* Remove vs code settings

* Fix too many requests

* Add task to save to AsyncStorage

* Return correct background fetch response

* Refactor a bit the components

* Make scroll work nicely

* Add shadow on buttons

* Make stuff work

* Weekly monthly

* Calculate cigarettes

* Small fixes

* Small fixes

* Small tweaks with icons

* Add more dev info

* Reverse geocode in search

* Small tweaks

* Small tweaks

* Update icons

.eslintrc.js

@@ -0,0 +1,20 @@
+module.exports = {
+  env: {
+    jest: true
+  },
+  extends: [
+    'prettier',
+    'prettier/standard',
+    'prettier/@typescript-eslint',
+    'semistandard'
+  ],
+  parser: '@typescript-eslint/parser',
+  plugins: ['react', '@typescript-eslint'],
+  rules: {
+    // https://stackoverflow.com/questions/55280555/typescript-eslint-eslint-plugin-error-route-is-defined-but-never-used-no-un
+    '@typescript-eslint/no-unused-vars': 'error',
+    'no-unused-vars': 'off',
+    'react/jsx-uses-react': 1,
+    'react/jsx-uses-vars': 1
+  }
+};

App/App.js → App/App.tsx

@@ -14,53 +14,45 @@
 // You should have received a copy of the GNU General Public License
 // along with Sh**t! I Smoke.  If not, see <http://www.gnu.org/licenses/>.
 
-import React, { PureComponent } from 'react';
 import * as Font from 'expo-font';
 import Constants from 'expo-constants';
-import { Provider } from 'mobx-react';
+import React, { useEffect, useState } from 'react';
 import Sentry from 'sentry-expo';
 
-import { RootStore } from './stores';
-import { Background as LoadingBackground } from './Screens/Loading/Background';
 import { Screens } from './Screens';
-
-// Set up global MST stores
-const stores = RootStore.create({
-  api: undefined,
-  error: undefined,
-  location: {}
-});
+import { Background as LoadingBackground } from './Screens/Loading/Background';
+import {
+  ApiContextProvider,
+  ErrorContextProvider,
+  LocationContextProvider
+} from './stores';
 
 // Add sentry if available
 if (Constants.manifest.extra.sentryPublicDsn) {
+  Sentry.enableInExpoDevelopment = true;
   Sentry.config(Constants.manifest.extra.sentryPublicDsn).install();
 }
 
-export class App extends PureComponent {
-  state = {
-    fontLoaded: false
-  };
-
-  async componentDidMount () {
-    // Using custom fonts with Expo
-    // https://docs.expo.io/versions/latest/guides/using-custom-fonts
-    await Font.loadAsync({
+export function App () {
+  const [fontLoaded, setFontLoaded] = useState(false);
+  useEffect(() => {
+    Font.loadAsync({
       'gotham-black': require('../assets/fonts/Gotham-Black.ttf'),
       'gotham-book': require('../assets/fonts/Gotham-Book.ttf')
-    });
-
-    this.setState({ fontLoaded: true });
-  }
-
-  render () {
-    const { fontLoaded } = this.state;
-
-    return fontLoaded ? (
-      <Provider stores={stores}>
-        <Screens />
-      </Provider>
-    ) : (
-      <LoadingBackground />
-    );
-  }
+    })
+      .then(() => setFontLoaded(true))
+      .catch(console.error);
+  }, []);
+
+  return fontLoaded ? (
+    <ErrorContextProvider>
+      <LocationContextProvider>
+        <ApiContextProvider>
+          <Screens />
+        </ApiContextProvider>
+      </LocationContextProvider>
+    </ErrorContextProvider>
+  ) : (
+    <LoadingBackground />
+  );
 }