chore: Move to Typescript (#2783)

This PR moves the entire project to Typescript. Due to the ~1000 ignores this will lead to a messy codebase for a while, but the churn is worth it – all of those ignore comments are places that were never type-safe previously.

closes #1282

app/components/LoadingIndicator/LoadingIndicator.js

@@ -1,25 +0,0 @@
-// @flow
-import { inject, observer } from "mobx-react";
-import * as React from "react";
-import UiStore from "stores/UiStore";
-
-type Props = {
-  ui: UiStore,
-};
-
-@observer
-class LoadingIndicator extends React.Component<Props> {
-  componentDidMount() {
-    this.props.ui.enableProgressBar();
-  }
-
-  componentWillUnmount() {
-    this.props.ui.disableProgressBar();
-  }
-
-  render() {
-    return null;
-  }
-}
-
-export default inject("ui")(LoadingIndicator);

app/components/LoadingIndicator/LoadingIndicator.ts

@@ -0,0 +1,16 @@
+import { observer } from "mobx-react";
+import * as React from "react";
+import useStores from "~/hooks/useStores";
+
+function LoadingIndicator() {
+  const { ui } = useStores();
+
+  React.useEffect(() => {
+    ui.enableProgressBar();
+    return () => ui.disableProgressBar();
+  }, [ui]);
+
+  return null;
+}
+
+export default observer(LoadingIndicator);

app/components/LoadingIndicator/LoadingIndicatorBar.tsx

@@ -1,4 +1,3 @@
-// @flow
 import * as React from "react";
 import styled, { keyframes } from "styled-components";
 

app/components/LoadingIndicator/index.ts

@@ -1,5 +1,6 @@
-// @flow
 import LoadingIndicator from "./LoadingIndicator";
 import LoadingIndicatorBar from "./LoadingIndicatorBar";
+
 export default LoadingIndicator;
+
 export { LoadingIndicatorBar };