feat: refactoring

.eslintignore

@@ -2,3 +2,4 @@ node_modules
 .yarn
 build
 dist
+**/*.generated.*

src/api/subsquid-network-squid/graphql.config.ts → graphql.config.ts

@@ -8,7 +8,7 @@ export default {
   schema:
     process.env.SQUID_API_URL ||
     'https://subsquid.squids.live/subsquid-network-testnet/v/v5/graphql',
-  documents: ['src/api/subsquid-network-squid/*.graphql'],
+  documents: ['*.graphql'],
   hooks: {
     afterOneFileWrite: ['prettier --write'],
   },

package.json

@@ -13,7 +13,7 @@
     "preview": "vite preview --outDir build --host 127.0.0.1 --port 3005",
     "upg": "yarn upgrade-interactive",
     "prepare": "husky install",
-    "codegen": "graphql-codegen --config src/api/subsquid-network-squid/graphql.config.ts"
+    "codegen": "graphql-codegen --config graphql.config.ts"
   },
   "lint-staged": {
     "src/**/*.{js,jsx,ts,tsx}": "eslint --cache --fix"
@@ -39,11 +39,11 @@
     "graphql": "^16.9.0",
     "lodash-es": "^4.17.21",
     "material-ui-popup-state": "^5.1.2",
-    "notistack": "^3.0.1",
     "pretty-bytes": "^6.1.1",
     "qs": "^6.12.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
+    "react-hot-toast": "^2.4.1",
     "react-router-dom": "^6.24.0",
     "react-scroll": "^1.9.0",
     "react-syntax-highlighter": "^15.5.0",
@@ -52,8 +52,8 @@
     "use-debounce": "^10.0.1",
     "use-element-position": "^1.0.13",
     "use-local-storage-state": "^19.3.1",
-    "viem": "^2.10.9",
-    "wagmi": "^2.9.2",
+    "viem": "^2.21.25",
+    "wagmi": "^2.12.17",
     "yup": "^1.4.0"
   },
   "devDependencies": {
@@ -76,6 +76,7 @@
     "@typescript-eslint/eslint-plugin": "^7.14.1",
     "@typescript-eslint/parser": "^7.14.1",
     "@vitejs/plugin-react": "^4.3.1",
+    "@wagmi/cli": "^2.1.16",
     "dotenv": "^16.4.5",
     "eslint": "^8.57.0",
     "eslint-config-prettier": "^9.1.0",
@@ -90,8 +91,8 @@
     "husky": "^9.0.11",
     "lint-staged": "^15.2.7",
     "prettier": "^3.3.2",
-    "type-fest": "^4.20.1",
-    "typescript": "^5.5.2",
+    "type-fest": "^4.26.1",
+    "typescript": "^5.6.3",
     "vite": "^5.4.2",
     "vite-plugin-html": "^3.2.2",
     "vite-plugin-html-env": "^1.2.8",

src/App.tsx

@@ -3,12 +3,11 @@ import React from 'react';
 import { CssBaseline, ThemeProvider } from '@mui/material';
 import { RainbowKitProvider } from '@rainbow-me/rainbowkit';
 import { QueryClientProvider } from '@tanstack/react-query';
-import { SnackbarProvider } from 'notistack';
 import { BrowserRouter } from 'react-router-dom';
 import { WagmiProvider } from 'wagmi';
 
 import { queryClient } from '@api/client';
-import { Alert } from '@components/Alert';
+import { Toaster } from '@components/Toaster';
 import { SquidHeightProvider } from '@hooks/useSquidNetworkHeightHooks';
 import { rainbowConfig } from '@network/config';
 
@@ -21,30 +20,24 @@ function App() {
   const rainbowkitTheme = useCreateRainbowKitTheme(themeName);
 
   return (
-    <WagmiProvider config={rainbowConfig}>
-      <QueryClientProvider client={queryClient}>
-        <SquidHeightProvider>
+    <>
+      <WagmiProvider config={rainbowConfig}>
+        <QueryClientProvider client={queryClient}>
           <ThemeProvider theme={theme}>
             <RainbowKitProvider modalSize="compact" theme={rainbowkitTheme}>
-              <SnackbarProvider
-                hideIconVariant
-                preventDuplicate
-                maxSnack={3}
-                Components={{
-                  subsquid: Alert,
-                }}
-                anchorOrigin={{ vertical: 'bottom', horizontal: 'right' }}
-              >
+              <SquidHeightProvider>
                 <CssBaseline />
                 <BrowserRouter>
                   <AppRoutes />
                 </BrowserRouter>
-              </SnackbarProvider>
+              </SquidHeightProvider>
+              {/* </SnackbarProvider> */}
             </RainbowKitProvider>
+            <Toaster />
           </ThemeProvider>
-        </SquidHeightProvider>
-      </QueryClientProvider>
-    </WagmiProvider>
+        </QueryClientProvider>
+      </WagmiProvider>
+    </>
   );
 }
 

src/AppRoutes.tsx

@@ -7,7 +7,6 @@ import { AssetsPage } from '@pages/AssetsPage/AssetsPage.tsx';
 import { Vesting } from '@pages/AssetsPage/Vesting.tsx';
 import { DashboardPage } from '@pages/DashboardPage/DashboardPage.tsx';
 import { DelegationsPage } from '@pages/DelegationsPage/DelegationsPage.tsx';
-import { AddNewGateway } from '@pages/GatewaysPage/AddNewGateway.tsx';
 import { Gateway } from '@pages/GatewaysPage/Gateway.tsx';
 import { GatewaysPage } from '@pages/GatewaysPage/GatewaysPage.tsx';
 import { AddNewWorker } from '@pages/WorkersPage/AddNewWorker.tsx';
@@ -44,7 +43,6 @@ export const AppRoutes = () => {
         </Route>
         <Route path="/portals">
           <Route element={<GatewaysPage />} index />
-          <Route element={<AddNewGateway />} path="add" />
           <Route element={<Gateway backPath="/portals" />} path=":peerId" />
         </Route>
         <Route element={<Navigate to="/dashboard" replace={true} />} path="*" />