feat: sync wallet data

package.json

@@ -118,25 +118,25 @@
 		"testRunner": "jest-circus/runner"
 	},
 	"dependencies": {
-		"@arkecosystem/platform-sdk": "^0.9.327",
-		"@arkecosystem/platform-sdk-ada": "^0.9.327",
-		"@arkecosystem/platform-sdk-ark": "^0.9.327",
-		"@arkecosystem/platform-sdk-atom": "^0.9.327",
-		"@arkecosystem/platform-sdk-btc": "^0.9.327",
-		"@arkecosystem/platform-sdk-crypto": "^0.9.327",
-		"@arkecosystem/platform-sdk-eos": "^0.9.327",
-		"@arkecosystem/platform-sdk-eth": "^0.9.327",
-		"@arkecosystem/platform-sdk-intl": "^0.9.327",
-		"@arkecosystem/platform-sdk-lsk": "^0.9.327",
-		"@arkecosystem/platform-sdk-markets": "^0.9.327",
-		"@arkecosystem/platform-sdk-neo": "^0.9.327",
-		"@arkecosystem/platform-sdk-news": "^0.9.327",
-		"@arkecosystem/platform-sdk-profiles": "^0.9.327",
-		"@arkecosystem/platform-sdk-support": "^0.9.327",
-		"@arkecosystem/platform-sdk-trx": "^0.9.327",
-		"@arkecosystem/platform-sdk-xlm": "^0.9.327",
-		"@arkecosystem/platform-sdk-xmr": "^0.9.327",
-		"@arkecosystem/platform-sdk-xrp": "^0.9.327",
+		"@arkecosystem/platform-sdk": "^0.9.329",
+		"@arkecosystem/platform-sdk-ada": "^0.9.329",
+		"@arkecosystem/platform-sdk-ark": "^0.9.329",
+		"@arkecosystem/platform-sdk-atom": "^0.9.329",
+		"@arkecosystem/platform-sdk-btc": "^0.9.329",
+		"@arkecosystem/platform-sdk-crypto": "^0.9.329",
+		"@arkecosystem/platform-sdk-eos": "^0.9.329",
+		"@arkecosystem/platform-sdk-eth": "^0.9.329",
+		"@arkecosystem/platform-sdk-intl": "^0.9.329",
+		"@arkecosystem/platform-sdk-lsk": "^0.9.329",
+		"@arkecosystem/platform-sdk-markets": "^0.9.329",
+		"@arkecosystem/platform-sdk-neo": "^0.9.329",
+		"@arkecosystem/platform-sdk-news": "^0.9.329",
+		"@arkecosystem/platform-sdk-profiles": "^0.9.329",
+		"@arkecosystem/platform-sdk-support": "^0.9.329",
+		"@arkecosystem/platform-sdk-trx": "^0.9.329",
+		"@arkecosystem/platform-sdk-xlm": "^0.9.329",
+		"@arkecosystem/platform-sdk-xmr": "^0.9.329",
+		"@arkecosystem/platform-sdk-xrp": "^0.9.329",
 		"@arkecosystem/utils": "^1.2.0",
 		"@tippyjs/react": "^4.0.5",
 		"@types/react-linkify": "^1.0.0",

src/__snapshots__/index.test.ts.snap

@@ -5,7 +5,9 @@ exports[`Application root should render without crashing 1`] = `
   "calls": Array [
     Array [
       <BrowserRouter>
-        <App />
+        <App
+          syncInterval={300000}
+        />
       </BrowserRouter>,
       <div
         id="root"

src/app/App.test.tsx

@@ -105,7 +105,7 @@ describe("App", () => {
 		expect(getByTestId("Splash__text")).toBeInTheDocument();
 
 		await act(async () => {
-			await new Promise((resolve) => setTimeout(resolve, 2000));
+			await new Promise((resolve) => setTimeout(resolve, 3000));
 		});
 
 		await waitFor(() => {

src/app/App.tsx

@@ -24,7 +24,7 @@ import { middlewares, RouterView, routes } from "../router";
 import { EnvironmentProvider, useEnvironmentContext } from "./contexts";
 import { useNetworkStatus } from "./hooks";
 import { i18n } from "./i18n";
-import { httpClient } from "./services";
+import { httpClient, Scheduler } from "./services";
 
 const __DEV__ = process.env.NODE_ENV !== "production";
 
@@ -44,23 +44,21 @@ const Main = ({ syncInterval }: Props) => {
 	}, [pathname]);
 
 	useLayoutEffect(() => {
-		const syncDelegates = async () => {
-			console.log("Running delegates sync...");
-
-			await env.delegates().sync("ARK", "devnet");
-
-			setShowSplash(false);
-		};
+		const syncDelegates = async () => env.delegates().syncAll();
+		const syncExchangeRates = async () => env.exchangeRates().syncAll();
+		const syncWallets = async () => env.wallets().syncAll();
 
 		const boot = async () => {
 			await env.verify(fixtureData);
+			await env.boot();
 			await syncDelegates();
+			await syncWallets();
+			await syncExchangeRates();
+			await persist();
 
-			console.info("Scheduling next delegates synchronization...");
-			setInterval(() => syncDelegates(), syncInterval);
+			Scheduler(syncInterval).schedule([syncDelegates, syncWallets, syncExchangeRates], persist);
 
-			await env.boot();
-			await persist();
+			setShowSplash(false);
 		};
 
 		if (process.env.REACT_APP_BUILD_MODE === "demo") {
@@ -128,3 +126,7 @@ export const App = ({ syncInterval }: Props) => {
 		</ErrorBoundary>
 	);
 };
+
+App.defaultProps = {
+	syncInterval: 300000,
+};

src/app/components/NavigationBar/NavigationBar.test.tsx

@@ -3,7 +3,7 @@ import { createMemoryHistory } from "history";
 import React from "react";
 import { act } from "react-dom/test-utils";
 import { Route } from "react-router-dom";
-import { env, fireEvent, getDefaultProfileId, renderWithRouter } from "testing-library";
+import { env, fireEvent, getDefaultProfileId, renderWithRouter, waitFor } from "testing-library";
 
 import { NavigationBar } from "./NavigationBar";
 
@@ -140,7 +140,7 @@ describe("NavigationBar", () => {
 	});
 
 	it("should handle receive funds", async () => {
-		const { findByTestId, findAllByText, getAllByText, getByTestId, getByText } = renderWithRouter(
+		const { findByTestId, getAllByText, getByTestId, queryAllByTestId } = renderWithRouter(
 			<Route path="/profiles/:profileId/dashboard">
 				<NavigationBar profile={profile} />
 			</Route>,
@@ -160,15 +160,18 @@ describe("NavigationBar", () => {
 			fireEvent.click(getAllByText("Select")[0]);
 		});
 
-		expect(await findByTestId("modal__inner")).toHaveTextContent("Receive Funds");
+		await waitFor(() => expect(queryAllByTestId("ReceiveFunds__info")).toHaveLength(2));
+		await waitFor(() => expect(queryAllByTestId("ReceiveFunds__qrcode")).toHaveLength(1));
 
 		act(() => {
 			fireEvent.click(getByTestId("modal__close-btn"));
 		});
+
+		expect(() => getByTestId("modal__inner")).toThrow(/Unable to find an element by/);
 	});
 
 	it("should close the search wallet modal", async () => {
-		const { findByTestId, findByText, getByTestId } = renderWithRouter(
+		const { findByTestId, getByTestId } = renderWithRouter(
 			<Route path="/profiles/:profileId/dashboard">
 				<NavigationBar profile={profile} />
 			</Route>,

src/app/services/Scheduler.test.ts

@@ -0,0 +1,29 @@
+import { Scheduler } from "./Scheduler";
+
+describe("Scheduler test", () => {
+	jest.useFakeTimers();
+
+	it("should run an action after an determined interval", () => {
+		const action = jest.fn();
+		Scheduler(100).schedule([action]);
+		jest.advanceTimersByTime(100);
+		expect(action).toHaveBeenCalled();
+	});
+
+	it("should run an action using the default interval", () => {
+		const action = jest.fn();
+		Scheduler().schedule([action]);
+		jest.advanceTimersByTime(300000);
+		expect(action).toHaveBeenCalled();
+	});
+
+	it("should run actions and the done callback", () => {
+		const action = jest.fn();
+		const done = jest.fn();
+		Scheduler().schedule([action], done);
+
+		jest.advanceTimersByTime(300500);
+		expect(action).toHaveBeenCalled();
+		expect(done).toHaveBeenCalled();
+	});
+});

src/app/services/Scheduler.ts

@@ -0,0 +1,12 @@
+export const Scheduler = (interval = 300000) => ({
+	schedule: (actions: any, done: Function) => {
+		for (const action of actions) {
+			console.log(`Scheduling action ${action.name} for every ${interval / 60000} mins`);
+
+			setInterval(() => action(), interval);
+
+			// Run a done action once all timers runned
+			return done && setTimeout(() => done(), interval + 500);
+		}
+	},
+});

src/app/services/index.ts

@@ -1,3 +1,5 @@
 import { HttpClient } from "./HttpClient";
 
 export const httpClient = new HttpClient(10);
+
+export * from "./Scheduler";