slice-machine-ui 2.18.1-beta.7 → 2.18.1-beta.8

package/src/pages/changes.tsx

@@ -25,8 +25,8 @@ import {
   AppLayoutHeader,
 } from "@/legacy/components/AppLayout";
 import {
-  AuthErrorPage,
   OfflinePage,
+  UnauthenticatedView,
 } from "@/legacy/components/ChangesEmptyState";
 import { ChangesItems } from "@/legacy/components/ChangesItems";
 import {
@@ -114,8 +114,8 @@ const Changes: React.FunctionComponent = () => {
     if (!isOnline) {
       return <OfflinePage />;
     }
-    if (authStatus === AuthStatus.FORBIDDEN) {
-      return <AuthErrorPage authStatus={authStatus} />;
+    if (authStatus === AuthStatus.UNAUTHENTICATED) {
+      return <UnauthenticatedView />;
     }
     if (numberOfChanges === 0) {
       return (
@@ -160,8 +160,7 @@ const Changes: React.FunctionComponent = () => {
               disabled={
                 numberOfChanges === 0 ||
                 !isOnline ||
-                authStatus === AuthStatus.UNAUTHORIZED ||
-                authStatus === AuthStatus.FORBIDDEN ||
+                authStatus !== AuthStatus.AUTHENTICATED ||
                 isSyncing
               }
               loading={isSyncing}

package/src/queryClient.tsx

@@ -0,0 +1,24 @@
+import {
+  QueryClient,
+  QueryClientProvider as RCQueryClientProvider,
+} from "@tanstack/react-query";
+import { ReactNode } from "react";
+
+export const queryClient = new QueryClient({
+  defaultOptions: {
+    queries: {
+      staleTime: 5 * 60 * 1000,
+      gcTime: 10 * 60 * 1000,
+      retry: false,
+      refetchOnWindowFocus: "always",
+    },
+  },
+});
+
+export function QueryClientProvider(props: { children: ReactNode }) {
+  return (
+    <RCQueryClientProvider client={queryClient}>
+      {props.children}
+    </RCQueryClientProvider>
+  );
+}

package/test/__testutils__/index.tsx

@@ -5,7 +5,8 @@ import { Provider } from "react-redux";
 import { AnyAction, Store } from "redux";
 import { BaseStyles, ThemeProvider as ThemeUIThemeProvider } from "theme-ui";
 
-import { ErrorBoundary } from "@/ErrorBoundary";
+import { DefaultErrorBoundary } from "@/features/errorBoundaries";
+import { QueryClientProvider } from "@/queryClient";
 
 import configureStore from "../../src/redux/store";
 import type { SliceMachineStoreType } from "../../src/redux/type";
@@ -44,15 +45,17 @@ function render(
     children: any;
   }) {
     return (
-      <ThemeUIThemeProvider theme={theme}>
-        <TooltipProvider>
-          <BaseStyles>
-            <Provider store={store}>
-              <ErrorBoundary>{children}</ErrorBoundary>
-            </Provider>
-          </BaseStyles>
-        </TooltipProvider>
-      </ThemeUIThemeProvider>
+      <QueryClientProvider>
+        <ThemeUIThemeProvider theme={theme}>
+          <TooltipProvider>
+            <BaseStyles>
+              <Provider store={store}>
+                <DefaultErrorBoundary>{children}</DefaultErrorBoundary>
+              </Provider>
+            </BaseStyles>
+          </TooltipProvider>
+        </ThemeUIThemeProvider>
+      </QueryClientProvider>
     );
   }
   return {