🪟 🧹 [Final step] Complete styled-components deprecation process: cl…

…ean up styled components (#11289)
airbytehq · Feb 15, 2024 · 8fdbafb · 8fdbafb
1 parent e68da99
commit 8fdbafb
Show file tree

Hide file tree

Showing 20 changed files with 97 additions and 980 deletions.
diff --git a/airbyte-webapp/.storybook/withProvider.tsx b/airbyte-webapp/.storybook/withProvider.tsx
@@ -3,11 +3,8 @@ import { Decorator } from "@storybook/react";
 
 import { MemoryRouter } from "react-router-dom";
 import { IntlProvider } from "react-intl";
-import { ThemeProvider } from "styled-components";
 import { QueryClientProvider, QueryClient } from "@tanstack/react-query";
 
-// TODO: theme was not working correctly so imported directly
-import { theme } from "../src/theme";
 import messages from "../src/locales/en.json";
 import { FeatureService } from "../src/core/services/features";
 import { ConfigServiceProvider, config } from "../src/core/config";
@@ -36,15 +33,13 @@ export const withProviders = (getStory: Parameters<Decorator>[0]) => (
               b: (chunk) => <strong>{chunk}</strong>,
             }}
           >
-            <ThemeProvider theme={theme}>
-              <ConfigServiceProvider config={config}>
-                <DocumentationPanelProvider>
-                  <AppMonitoringServiceProvider>
-                    <FeatureService features={[]}>{getStory()}</FeatureService>
-                  </AppMonitoringServiceProvider>
-                </DocumentationPanelProvider>
-              </ConfigServiceProvider>
-            </ThemeProvider>
+            <ConfigServiceProvider config={config}>
+              <DocumentationPanelProvider>
+                <AppMonitoringServiceProvider>
+                  <FeatureService features={[]}>{getStory()}</FeatureService>
+                </AppMonitoringServiceProvider>
+              </DocumentationPanelProvider>
+            </ConfigServiceProvider>
           </IntlProvider>
         </MemoryRouter>
       </QueryClientProvider>

diff --git a/airbyte-webapp/package.json b/airbyte-webapp/package.json
@@ -127,7 +127,6 @@
     "sanitize-html": "^2.11.0",
     "sass": "^1.70.0",
     "semver": "^7.5.4",
-    "styled-components": "^5.3.9",
     "ts-pattern": "^4.2.1",
     "typesafe-actions": "^5.1.0",
     "unified": "^10.1.2",
@@ -173,7 +172,6 @@
     "@types/react-table": "^7.7.17",
     "@types/react-widgets": "^4.4.10",
     "@types/sanitize-html": "^2.9.3",
-    "@types/styled-components": "^5.1.29",
     "@types/unist": "^2.0.5",
     "@typescript-eslint/eslint-plugin": "^6.21.0",
     "@typescript-eslint/parser": "^6.21.0",