From e4fafc24ae51662672cdb99e614cfce7f18a7e7a Mon Sep 17 00:00:00 2001
From: AbhishekA1509 <abhishek@devtron.ai>
Date: Tue, 1 Oct 2024 10:27:34 +0530
Subject: [PATCH] feat: add NoPublishedVersionEmptyState

---
 .../AppConfigurations/MainContent/ConfigDryRun.tsx   | 11 ++---------
 .../MainContent/NoPublishedVersionEmptyState.tsx     | 12 ++++++++++++
 2 files changed, 14 insertions(+), 9 deletions(-)
 create mode 100644 src/Pages/Applications/DevtronApps/Details/AppConfigurations/MainContent/NoPublishedVersionEmptyState.tsx

diff --git a/src/Pages/Applications/DevtronApps/Details/AppConfigurations/MainContent/ConfigDryRun.tsx b/src/Pages/Applications/DevtronApps/Details/AppConfigurations/MainContent/ConfigDryRun.tsx
index a60ffc4e2e..981e897dbb 100644
--- a/src/Pages/Applications/DevtronApps/Details/AppConfigurations/MainContent/ConfigDryRun.tsx
+++ b/src/Pages/Applications/DevtronApps/Details/AppConfigurations/MainContent/ConfigDryRun.tsx
@@ -4,7 +4,6 @@ import {
     BaseURLParams,
     CodeEditor,
     DryRunEditorMode,
-    GenericEmptyState,
     getDeploymentManifest,
     MODES,
     useAsync,
@@ -13,9 +12,9 @@ import { importComponentFromFELibrary } from '@Components/common'
 import { ReactComponent as ICFilePlay } from '@Icons/ic-file-play.svg'
 // FIXME: Placeholder icon since no sense of git merge icon as of now
 import { ReactComponent as ICFileCode } from '@Icons/ic-file-code.svg'
-import noArtifact from '@Images/no-artifact@2x.png'
 import ToggleResolveScopedVariables from './ToggleResolveScopedVariables'
 import { ConfigDryRunProps } from './types'
+import NoPublishedVersionEmptyState from './NoPublishedVersionEmptyState'
 
 const DryRunEditorModeSelect = importComponentFromFELibrary('DryRunEditorModeSelect', null, 'function')
 
@@ -50,13 +49,7 @@ const ConfigDryRun = ({
 
     const renderEditorBody = () => {
         if (isDraftPresent && dryRunEditorMode === DryRunEditorMode.PUBLISHED_VALUES && !isPublishedConfigPresent) {
-            return (
-                <GenericEmptyState
-                    image={noArtifact}
-                    title="No published version"
-                    subTitle="Published override for this file does not exist"
-                />
-            )
+            return <NoPublishedVersionEmptyState />
         }
 
         return (
diff --git a/src/Pages/Applications/DevtronApps/Details/AppConfigurations/MainContent/NoPublishedVersionEmptyState.tsx b/src/Pages/Applications/DevtronApps/Details/AppConfigurations/MainContent/NoPublishedVersionEmptyState.tsx
new file mode 100644
index 0000000000..db1ef73b5e
--- /dev/null
+++ b/src/Pages/Applications/DevtronApps/Details/AppConfigurations/MainContent/NoPublishedVersionEmptyState.tsx
@@ -0,0 +1,12 @@
+import { GenericEmptyState } from '@devtron-labs/devtron-fe-common-lib'
+import noArtifact from '@Images/no-artifact@2x.png'
+
+const NoPublishedVersionEmptyState = () => (
+    <GenericEmptyState
+        image={noArtifact}
+        title="No published version"
+        subTitle="Published override for this file does not exist"
+    />
+)
+
+export default NoPublishedVersionEmptyState