style: use react-service-provider

package.json

@@ -113,6 +113,7 @@
     "react-spring": "^8.0.27",
     "react-toastify": "^6.0.5",
     "react-virtualized": "^9.21.2",
+    "react-service-provider": "^1.2.0",
     "@reach/dialog": "^0.11.2",
     "recharts": "^2.0.0-beta.5",
     "safe-eval": "^0.4.1",

src/app.tsx

@@ -2,10 +2,7 @@ import React from "react";
 import { HashRouter as Router } from "react-router-dom";
 import { RoutedContent } from "./routing";
 import { AppLayout } from "./app/Layout/AppLayout";
-import {
-  ServiceProviderFactory,
-  ServiceProviderHook,
-} from "./components/ServiceProvider/ServiceProvider";
+import { useServiceProvider } from "react-service-provider";
 import { AuthService } from "./app/Auth/AuthService";
 import { LoadingScreen } from "./app/Loading/LoadingScreen";
 import { LoadingService } from "./app/Loading/LoadingService";
@@ -20,18 +17,16 @@ import { LayoutService } from "./components/Layout/LayoutService";
 const basePath = process.env.BASE_PATH || "/";
 
 export const App = () => {
-  const [ServiceProvider] = React.useState<React.FC>(() =>
-    ServiceProviderFactory(
-      AuthService,
-      LayoutService,
-      LoadingService,
-      FavouriteService,
-      DashboardService,
-      SearchService,
-      MessageService,
-      RepositoryUserService,
-      ConfigService
-    )
+  const [ServiceProvider, ServiceProviderHook] = useServiceProvider(
+    AuthService,
+    LayoutService,
+    LoadingService,
+    FavouriteService,
+    DashboardService,
+    SearchService,
+    MessageService,
+    RepositoryUserService,
+    ConfigService
   );
 
   return (

src/app/Auth/AuthService.tsx

@@ -2,7 +2,7 @@ import React from "react";
 import md5 from "md5";
 import { useLocalStore } from "mobx-react";
 import { useHistory, useLocation } from "react-router";
-import { createService } from "~/components/ServiceProvider/ServiceProvider";
+import { createService } from "react-service-provider";
 import { LoadingService } from "../Loading/LoadingService";
 import { useOnChange } from "~/hooks";
 import { ipc } from "~/shared/ipc";

src/app/ConfigService.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import { useLocalStore } from "mobx-react";
-import { createService } from "~/components/ServiceProvider/ServiceProvider";
+import { createService } from "react-service-provider";
 import { LoadingService } from "./Loading/LoadingService";
 import { useOnChange } from "~/hooks";
 import { ipc } from "~/shared/ipc";

src/app/Dashboard/DashboardService.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import { useLocalStore } from "mobx-react";
-import { createService } from "~/components/ServiceProvider/ServiceProvider";
+import { createService } from "react-service-provider";
 import { useOnChange, useDelay } from "~/hooks";
 import { Config } from "~/shared/Config";
 import { ipc, IpcHandler } from "~/shared/ipc";

src/app/Dashboard/FavouriteService.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 import { useLocalStore } from "mobx-react";
 import moment from "moment";
-import { createService } from "~/components/ServiceProvider/ServiceProvider";
+import { createService } from "react-service-provider";
 import { useSyncLocalStorage, useOnLoadPathname, useOnChange } from "~/hooks";
 import { Config } from "~/shared/Config";
 import { ipc } from "~/shared/ipc";

src/app/Dashboard/MessageService.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import { useLocalStore } from "mobx-react";
-import { createService } from "~/components/ServiceProvider/ServiceProvider";
+import { createService } from "react-service-provider";
 import { useOnChange, useDelay } from "~/hooks";
 import { ipc } from "~/shared/ipc";
 import { DashboardState, DashboardService } from "./DashboardService";

src/app/Dashboard/RepositoryUserService.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import { useLocalStore } from "mobx-react";
-import { createService } from "~/components/ServiceProvider/ServiceProvider";
+import { createService } from "react-service-provider";
 import { useDelay } from "~/hooks";
 import { ipc } from "~/shared/ipc";
 import { DashboardService, DashboardState } from "./DashboardService";

src/app/Layout/SearchService.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import { useLocalStore } from "mobx-react";
-import { createService } from "~/components/ServiceProvider/ServiceProvider";
+import { createService } from "react-service-provider";
 import { useOnLoad, useOnChange } from "~/hooks";
 import { Config } from "~/shared/Config";
 import { ipc } from "~/shared/ipc";

src/app/Loading/LoadingService.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import { useLocalStore } from "mobx-react";
-import { createService } from "~/components/ServiceProvider/ServiceProvider";
+import { createService } from "react-service-provider";
 import { useOnLoad, useOnChange } from "~/hooks";
 
 export interface LoadingStore {

src/components/Layout/LayoutService.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { createService } from "~/components/ServiceProvider/ServiceProvider";
+import { createService } from "react-service-provider";
 import { useLocalStore } from "mobx-react";
 import { isEqual } from "lodash";
 import { useSimpleSyncLocalStorage } from "~/hooks";