From b88ee3c3b91a11b98ef59dc77723ce220de00a54 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Krzysztof=20=C5=BBuraw?=
 <9116238+krzysztofzuraw@users.noreply.github.com>
Date: Wed, 18 Jan 2023 14:23:43 +0100
Subject: [PATCH] Add Feature Flags support to storybook (#2994)

---
 .../AppActivateDialog.stories.tsx              | 18 ------------------
 .../AppListPage/AppListPage.stories.tsx        |  2 +-
 src/storybook/webpack.config.js                |  5 +++++
 3 files changed, 6 insertions(+), 19 deletions(-)
 delete mode 100644 src/new-apps/components/AppActivateDialog/AppActivateDialog.stories.tsx

diff --git a/src/new-apps/components/AppActivateDialog/AppActivateDialog.stories.tsx b/src/new-apps/components/AppActivateDialog/AppActivateDialog.stories.tsx
deleted file mode 100644
index 80514a507..000000000
--- a/src/new-apps/components/AppActivateDialog/AppActivateDialog.stories.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import Decorator from "@dashboard/storybook/Decorator";
-import { storiesOf } from "@storybook/react";
-import React from "react";
-
-import AppActivateDialog, { AppActivateDialogProps } from "./AppActivateDialog";
-
-const props: AppActivateDialogProps = {
-  confirmButtonState: "default",
-  name: "App",
-  onClose: () => undefined,
-  onConfirm: () => undefined,
-  open: true,
-};
-
-storiesOf("Views / Apps / Activate app", module)
-  .addDecorator(Decorator)
-  .add("default", () => <AppActivateDialog {...props} />)
-  .add("unnamed app", () => <AppActivateDialog {...props} name={null} />);
diff --git a/src/new-apps/components/AppListPage/AppListPage.stories.tsx b/src/new-apps/components/AppListPage/AppListPage.stories.tsx
index 8d671d685..f3fa9dec9 100644
--- a/src/new-apps/components/AppListPage/AppListPage.stories.tsx
+++ b/src/new-apps/components/AppListPage/AppListPage.stories.tsx
@@ -10,7 +10,7 @@ const props: AppListPageProps = {
   installedApps: installedAppsList,
 };
 
-storiesOf("Views / New Apps / App List", module)
+storiesOf("Apps / New Apps / App List", module)
   .addDecorator(Decorator)
   .add("default", () => <AppListPage {...props} />)
   .add("empty", () => (
diff --git a/src/storybook/webpack.config.js b/src/storybook/webpack.config.js
index c11abb470..6fb79c470 100644
--- a/src/storybook/webpack.config.js
+++ b/src/storybook/webpack.config.js
@@ -2,6 +2,7 @@
 const path = require("path");
 const CheckerPlugin = require("fork-ts-checker-webpack-plugin");
 const TsconfigPathsPlugin = require("tsconfig-paths-webpack-plugin");
+const webpack = require("webpack");
 
 module.exports = ({ config }) => {
   config.module.rules.push({
@@ -35,6 +36,10 @@ module.exports = ({ config }) => {
     new CheckerPlugin({
       eslint: true,
     }),
+    new webpack.DefinePlugin({
+      FLAGS_SERVICE_ENABLED: false,
+      FLAGS: {},
+    }),
   );
   return config;
 };