From 099ed43acf5923b06970b64fad10ebb02c3c4da1 Mon Sep 17 00:00:00 2001
From: RachelElysia <71795832+RachelElysia@users.noreply.github.com>
Date: Thu, 20 Jul 2023 15:38:09 -0400
Subject: [PATCH] Fleet UI: (Unreleased bug) Team admin/maintainers cannot save
 global queries (#12878)

---
 .../components/QueryForm/QueryForm.tsx        | 41 +++++++++++++++----
 1 file changed, 34 insertions(+), 7 deletions(-)

diff --git a/frontend/pages/queries/QueryPage/components/QueryForm/QueryForm.tsx b/frontend/pages/queries/QueryPage/components/QueryForm/QueryForm.tsx
index 75c4e45488..8d8661eb51 100644
--- a/frontend/pages/queries/QueryPage/components/QueryForm/QueryForm.tsx
+++ b/frontend/pages/queries/QueryPage/components/QueryForm/QueryForm.tsx
@@ -30,6 +30,7 @@ import {
 } from "interfaces/schedulable_query";
 import { SelectedPlatformString } from "interfaces/platform";
 import queryAPI from "services/entities/queries";
+import { COLORS } from "styles/var/colors";
 
 import { IAceEditor } from "react-ace/lib/types";
 import ReactTooltip from "react-tooltip";
@@ -670,14 +671,40 @@ const QueryForm = ({
                 </Button>
               )}
               <div className="query-form__button-wrap--save-query-button">
-                <Button
-                  className="save-loading"
-                  variant="brand"
-                  onClick={promptSaveQuery()}
-                  isLoading={isQueryUpdating}
+                <div
+                  data-tip
+                  data-for="save-query-button"
+                  // Tooltip shows for team maintainer/admins viewing global queries
+                  data-tip-disable={
+                    !(isAnyTeamMaintainerOrTeamAdmin && !storedQuery?.team_id)
+                  }
                 >
-                  Save
-                </Button>
+                  <Button
+                    className="save-loading"
+                    variant="brand"
+                    onClick={promptSaveQuery()}
+                    // Button disabled for team maintainer/admins viewing global queries
+                    disabled={
+                      isAnyTeamMaintainerOrTeamAdmin && !storedQuery?.team_id
+                    }
+                    isLoading={isQueryUpdating}
+                  >
+                    Save
+                  </Button>
+                </div>{" "}
+                <ReactTooltip
+                  className={`save-query-button-tooltip`}
+                  place="top"
+                  effect="solid"
+                  backgroundColor={COLORS["tooltip-bg"]}
+                  id="save-query-button"
+                  data-html
+                >
+                  <>
+                    You can only save changes
+                    <br /> to a team level query.
+                  </>
+                </ReactTooltip>
               </div>
             </>
           )}