@campxdev/campx-web-utils 0.1.11 → 0.1.12

package/exports.ts

@@ -1,3 +1,2 @@
 export * from "./src/config/axios";
-export * from "./src/context/SnackbarProvider";
-export * from "./src/ErrorBoundary/export";
+export * from "./src/context/export";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@campxdev/campx-web-utils",
-  "version": "0.1.11",
+  "version": "0.1.12",
   "main": "./exports.ts",
   "private": false,
   "dependencies": {

package/src/App.tsx

@@ -1,12 +1,15 @@
-import { useRoutes } from "react-router-dom";
+import { BrowserRouter, useRoutes } from "react-router-dom";
 import Providers from "./context/Providers";
 import { mainRoutes } from "./Pages/main";
 
 export default function App() {
+  var baseName = "/";
   return (
-    <Providers>
-      <AppRouter />
-    </Providers>
+    <BrowserRouter basename={baseName}>
+      <Providers>
+        <AppRouter />
+      </Providers>
+    </BrowserRouter>
   );
 }
 const AppRouter = () => {

package/src/config/axios.ts

@@ -70,13 +70,24 @@ axios.interceptors.response.use(
     return response;
   },
   function (err) {
-    if ([400, 404, 422].includes(err.response.status)) {
+    if ([400, 422].includes(err.response.status)) {
       SnackbarStore.update((s) => {
         s.open = true;
         s.message = err.response.data.message || "Bad Request";
         s.severity = "error";
       });
     }
+    if (
+      err.response.config.method &&
+      ["put", "post", "delete", "patch"].includes(err.response.config.method) &&
+      [404].includes(err.response.status)
+    ) {
+      SnackbarStore.update((s) => {
+        s.open = true;
+        s.message = err.response.data.message;
+        s.severity = "success";
+      });
+    }
 
     return Promise.reject(err);
   }

package/src/{ErrorBoundary → context/ErrorBoundary}/ErrorBoundary.tsx

@@ -12,7 +12,7 @@ import { ReactNode, useState } from "react";
 import { ErrorBoundary as ReactErrorBoundary } from "react-error-boundary";
 import { QueryErrorResetBoundary } from "react-query";
 import { useLocation, useNavigate } from "react-router-dom";
-import { axios } from "../config/axios";
+import { axios } from "../../config/axios";
 import { Login } from "./Login";
 
 export type ErrorBoundaryProps = {

package/src/context/Providers.tsx

@@ -1,32 +1,27 @@
 import { MuiThemeProvider } from "@campxdev/react-blueprint";
 import { ReactNode } from "react";
 import { QueryClient, QueryClientProvider } from "react-query";
-import { BrowserRouter } from "react-router-dom";
-import { ErrorBoundary } from "../ErrorBoundary/ErrorBoundary";
 import { SnackbarProvider } from "./SnackbarProvider";
-
-export const queryClient = new QueryClient({
-  defaultOptions: {
-    queries: {
-      refetchOnWindowFocus: false,
-      retry: false,
-      useErrorBoundary: true,
-    },
-  },
-});
+import { ErrorBoundary } from "./export";
 
 export default function Providers({ children }: { children: ReactNode }) {
-  var baseName = "/";
+  const queryClient = new QueryClient({
+    defaultOptions: {
+      queries: {
+        refetchOnWindowFocus: false,
+        retry: false,
+        useErrorBoundary: true,
+      },
+    },
+  });
 
   return (
-    <BrowserRouter basename={baseName}>
-      <QueryClientProvider client={queryClient}>
-        <MuiThemeProvider>
-          <SnackbarProvider>
-            <ErrorBoundary>{children}</ErrorBoundary>
-          </SnackbarProvider>
-        </MuiThemeProvider>
-      </QueryClientProvider>
-    </BrowserRouter>
+    <QueryClientProvider client={queryClient}>
+      <MuiThemeProvider>
+        <SnackbarProvider>
+          <ErrorBoundary>{children}</ErrorBoundary>
+        </SnackbarProvider>
+      </MuiThemeProvider>
+    </QueryClientProvider>
   );
 }

package/src/context/export.ts

@@ -0,0 +1,4 @@
+export * from "./application-store";
+export * from "./ErrorBoundary/ErrorBoundary";
+export * from "./Providers";
+export * from "./SnackbarProvider";

package/src/ErrorBoundary/GlobalNetworkLoadingIndicator.tsx

@@ -1,13 +0,0 @@
-import { LinearProgress } from "@mui/material";
-import { Store } from "pullstate";
-
-export const NetworkStore = new Store({
-  loading: false,
-});
-
-export default function GlobalNetworkLoadingIndicator() {
-  const { loading } = NetworkStore.useState();
-
-  if (loading) return <LinearProgress />;
-  if (loading) return null;
-}

package/src/ErrorBoundary/export.ts

@@ -1 +0,0 @@
-export * from "./ErrorBoundary";

package/src/context/LoginDialogProvider.tsx

@@ -1,5 +0,0 @@
-import { createContext } from "react";
-
-const LoginContext = createContext<{ openLoginDialog: () => void }>({
-  openLoginDialog: () => {},
-});