add cloud version

.gitignore

@@ -36,3 +36,6 @@ crash.log
 # Airflow Demo
 resources/examples/airflow/logs/*
 !resources/examples/airflow/logs/.gitkeep
+
+# Cloud Demo
+!airbyte-webapp/src/packages/cloud/data

airbyte-webapp/.storybook/main.ts

@@ -1,11 +1,17 @@
 module.exports = {
-  "stories": [
-    "../src/**/*.stories.@(ts|tsx)"
-  ],
-  "addons": [
+  stories: ["../src/**/*.stories.@(ts|tsx)"],
+  addons: [
     "@storybook/addon-links",
     "@storybook/addon-essentials",
     "@storybook/preset-create-react-app",
-    "storybook-addon-styled-component-theme/dist"
-  ]
-}
+    "storybook-addon-styled-component-theme/dist",
+  ],
+  webpackFinal: (config) => {
+    config.resolve.modules.push(process.cwd() + "/node_modules");
+    config.resolve.modules.push(process.cwd() + "/src");
+
+    // this is needed for working w/ linked folders
+    config.resolve.symlinks = false;
+    return config;
+  },
+};

airbyte-webapp/.storybook/withProvider.tsx

@@ -1,9 +1,13 @@
 import { Router } from "react-router-dom";
 import * as React from "react";
+import { IntlProvider } from "react-intl";
 import { createMemoryHistory } from "history";
 import { ThemeProvider } from "styled-components";
 
-import { Theme } from "../src/theme";
+// TODO: theme was not working correctly so imported directly
+import { theme, Theme } from "../src/theme";
+import GlobalStyle from "../src/global-styles";
+import messages from "../src/locales/en.json";
 
 interface Props {
   theme?: Theme;
@@ -16,11 +20,16 @@ interface Props {
 
 class WithProviders extends React.Component<Props> {
   render() {
-    const { theme, children } = this.props;
+    const { children } = this.props;
 
     return (
       <Router history={createMemoryHistory()}>
-        <ThemeProvider theme={theme}>{children}</ThemeProvider>
+        <IntlProvider messages={messages} locale={"en"}>
+          <ThemeProvider theme={theme}>
+            <GlobalStyle />
+            {children}
+          </ThemeProvider>
+        </IntlProvider>
       </Router>
     );
   }