add ApiProvider

src/Providers.tsx

@@ -10,6 +10,7 @@ import { TagsProvider } from 'contexts/Tags';
 import { ChainFilterProvider } from 'contexts/ChainFilter';
 import { SettingsProvider } from 'contexts/Settings';
 import { TooltipProvider } from 'contexts/Tooltip';
+import { ApiProvider } from 'contexts/Api';
 
 export const Providers = () => {
   // !! Provider order matters.
@@ -21,6 +22,7 @@ export const Providers = () => {
     ChainFilterProvider,
     MenuProvider,
     TooltipProvider,
+    ApiProvider,
   ];
 
   return withProviders(providers, App);

src/contexts/Api/defaults.ts

@@ -0,0 +1,8 @@
+// Copyright 2024 @rossbulat/console authors & contributors
+// SPDX-License-Identifier: GPL-3.0-only
+
+import type { ApiContextInterface } from './types';
+
+export const defaultApiContext: ApiContextInterface = {
+  isReady: false,
+};

src/contexts/Api/index.tsx

@@ -0,0 +1,21 @@
+// Copyright 2024 @rossbulat/console authors & contributors
+// SPDX-License-Identifier: GPL-3.0-only
+
+import type { ReactNode } from 'react';
+import { createContext, useContext } from 'react';
+import { defaultApiContext } from './defaults';
+import type { ApiContextInterface } from './types';
+
+export const Api = createContext<ApiContextInterface>(defaultApiContext);
+
+export const useApi = () => useContext(Api);
+
+export const ApiProvider = ({ children }: { children: ReactNode }) => (
+  <Api.Provider
+    value={{
+      isReady: false,
+    }}
+  >
+    {children}
+  </Api.Provider>
+);

src/contexts/Api/types.ts

@@ -0,0 +1,6 @@
+// Copyright 2024 @rossbulat/console authors & contributors
+// SPDX-License-Identifier: GPL-3.0-only
+
+export interface ApiContextInterface {
+  isReady: boolean;
+}