🪟 🔧 Prefetch cloud workspace data (#6504)

airbytehq · Jun 2, 2023 · 0c7fa24 · 0c7fa24
1 parent 23ab045
commit 0c7fa24
Show file tree

Hide file tree

Showing 37 changed files with 291 additions and 135 deletions.
diff --git a/airbyte-webapp/.storybook/withProvider.tsx b/airbyte-webapp/.storybook/withProvider.tsx
@@ -3,7 +3,7 @@ import React from "react";
 import { MemoryRouter } from "react-router-dom";
 import { IntlProvider } from "react-intl";
 import { ThemeProvider } from "styled-components";
-import { QueryClientProvider, QueryClient } from "react-query";
+import { QueryClientProvider, QueryClient } from "@tanstack/react-query";
 
 // TODO: theme was not working correctly so imported directly
 import { theme } from "../src/theme";
@@ -17,9 +17,9 @@ import { AppMonitoringServiceProvider } from "../src/hooks/services/AppMonitorin
 import type { AnalyticsService } from "../src/core/services/analytics";
 
 const analyticsContextMock: AnalyticsService = {
-    track: () => {},
-    setContext: () => {},
-    removeFromContext: () => {},
+  track: () => {},
+  setContext: () => {},
+  removeFromContext: () => {},
 } as unknown as AnalyticsService;
 
 const queryClient = new QueryClient({
@@ -48,9 +48,7 @@ export const withProviders = (getStory) => (
                 <ConfigServiceProvider config={config}>
                   <DocumentationPanelProvider>
                     <AppMonitoringServiceProvider>
-                      <FeatureService features={[]}>
-                        {getStory()}
-                      </FeatureService>
+                      <FeatureService features={[]}>{getStory()}</FeatureService>
                     </AppMonitoringServiceProvider>
                   </DocumentationPanelProvider>
                 </ConfigServiceProvider>

diff --git a/airbyte-webapp/package.json b/airbyte-webapp/package.json
@@ -61,6 +61,8 @@
     "@headlessui/react": "^1.7.13",
     "@hookform/resolvers": "^2.9.11",
     "@monaco-editor/react": "^4.4.5",
+    "@tanstack/react-query": "^4.29.5",
+    "@tanstack/react-query-devtools": "^4.29.6",
     "@tanstack/react-table": "^8.7.0",
     "@types/diff": "^5.0.2",
     "@types/node-fetch": "^2.6.2",
@@ -97,7 +99,6 @@
     "react-lazylog": "^4.5.3",
     "react-markdown": "^7.0.1",
     "react-paginate": "^8.1.3",
-    "react-query": "^3.39.1",
     "react-reflex": "^4.0.9",
     "react-resize-detector": "^8.0.3",
     "react-router-dom": "6.3.0",