From 22ee54a9c785b322ea15c9a669fb1cb3ab6fda17 Mon Sep 17 00:00:00 2001
From: Mia Wong <miawongdev@gmail.com>
Date: Thu, 22 Aug 2024 10:26:38 -0400
Subject: [PATCH] Hide commands to download application archive in embedded
 cluster (#4839)

---
 web/src/Root.tsx                              |  8 ++++++-
 .../components/tree/KotsApplicationTree.tsx   | 23 +++++++++++--------
 2 files changed, 20 insertions(+), 11 deletions(-)

diff --git a/web/src/Root.tsx b/web/src/Root.tsx
index a8c718f4a3..205f253177 100644
--- a/web/src/Root.tsx
+++ b/web/src/Root.tsx
@@ -784,7 +784,13 @@ const Root = () => {
                 />
                 <Route
                   path=":slug/tree/:sequence?"
-                  element={<DownstreamTree />}
+                  element={
+                    <DownstreamTree
+                      isEmbeddedCluster={Boolean(
+                        state.adminConsoleMetadata?.isEmbeddedCluster
+                      )}
+                    />
+                  }
                 />
 
                 <Route
diff --git a/web/src/components/tree/KotsApplicationTree.tsx b/web/src/components/tree/KotsApplicationTree.tsx
index 7ed974b87a..ecb0841660 100644
--- a/web/src/components/tree/KotsApplicationTree.tsx
+++ b/web/src/components/tree/KotsApplicationTree.tsx
@@ -25,6 +25,7 @@ type Props = {
     appName: string;
     appNameSpace: string;
   };
+  isEmbeddedCluster: boolean;
 };
 
 type State = {
@@ -114,16 +115,18 @@ class KotsApplicationTree extends Component<Props, State> {
     return (
       <div className="flex-column flex1 ApplicationTree--wrapper u-paddingBottom--30">
         <KotsPageTitle pageName="View Files" showAppSlug />
-        <div className="edit-files-banner u-fontSize--small u-fontWeight--medium">
-          Need to edit these files?{" "}
-          <span
-            onClick={this.toggleInstructionsModal}
-            className="u-fontWeight--bold u-cursor--pointer u-textDecoration--underlineOnHover"
-          >
-            Click here
-          </span>{" "}
-          to learn how
-        </div>
+        {!this.props.isEmbeddedCluster && (
+          <div className="edit-files-banner u-fontSize--small u-fontWeight--medium">
+            Need to edit these files?{" "}
+            <span
+              onClick={this.toggleInstructionsModal}
+              className="u-fontWeight--bold u-cursor--pointer u-textDecoration--underlineOnHover"
+            >
+              Click here
+            </span>{" "}
+            to learn how
+          </div>
+        )}
         <div className="flex flex1 u-marginLeft--30 u-marginRight--30 u-marginTop--10">
           <div className="flex1 dirtree-wrapper flex-column u-overflow-hidden">
             <div className="u-overflow--auto dirtree">