refactor: rearrange common components

Author: stackingcats

src/App.tsx

@@ -8,17 +8,21 @@ import {
   Route,
   Switch,
 } from "react-router-dom";
-import ConnectionFailed from "./common/ConnectionFailed";
-import NotFound from "./common/NotFound";
+import ConnectionFailed from "./common/components/ConnectionFailed";
+import NotFound from "./common/components/NotFound";
 import Dashboard from "./dashboard/Dashboard";
 import { Path } from "./router/Path";
 import { darkTheme } from "./themes";
 import { useElectronStore } from "./stores/electronStore";
 import { Provider } from "mobx-react";
-import { isElectron, logError, sendMessageToParent } from "./common/appUtil";
+import {
+  isElectron,
+  logError,
+  sendMessageToParent,
+} from "./common/utils/appUtil";
 import { useBackupStore } from "./stores/backupStore";
 import api from "./api";
-import { getErrorMsg } from "./common/errorUtil";
+import { getErrorMsg } from "./common/utils/errorUtil";
 import { timer } from "rxjs";
 import { exhaustMap, retry } from "rxjs/operators";
 

src/api.ts

@@ -1,7 +1,7 @@
 import { from, fromEvent, Observable, of, throwError } from "rxjs";
 import { catchError, mergeMap } from "rxjs/operators";
 import io from "socket.io-client";
-import { logError } from "./common/appUtil";
+import { logError } from "./common/utils/appUtil";
 import { BackupInfo } from "./models/BackupInfo";
 import { CreateReverseSwapRequest } from "./models/CreateReverseSwapRequest";
 import { CreateReverseSwapResponse } from "./models/CreateReverseSwapResponse";

src/common/ConnectionFailed.tsx renamed to src/common/components/ConnectionFailed.tsx

@@ -8,8 +8,8 @@ import {
 } from "@material-ui/core";
 import React, { ReactElement, useEffect } from "react";
 import { useHistory } from "react-router-dom";
-import { Path } from "../router/Path";
-import { isElectron, sendMessageToParent } from "./appUtil";
+import { Path } from "../../router/Path";
+import { isElectron, sendMessageToParent } from "../utils/appUtil";
 
 const useStyles = makeStyles((theme: Theme) =>
   createStyles({

src/common/NotFound.tsx renamed to src/common/components/NotFound.tsx

@@ -1,6 +1,6 @@
 import { createStyles, Grid, makeStyles, Theme } from "@material-ui/core";
 import React, { ReactElement } from "react";
-import notFoundImg from "../assets/404.png";
+import notFoundImg from "../../assets/404.png";
 
 const useStyles = makeStyles((theme: Theme) =>
   createStyles({