Adding loading step to customize query selection

CDCgov · Oct 23, 2024 · c7f0e6a · c7f0e6a
1 parent ffbe1cd
commit c7f0e6a
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/query-connector/src/app/query/components/selectQuery/SelectSavedQuery.tsx b/query-connector/src/app/query/components/selectQuery/SelectSavedQuery.tsx
@@ -12,6 +12,7 @@ import {
   PAGE_TITLES,
   RETURN_LABEL,
 } from "@/app/query/stepIndicator/StepIndicator";
+import LoadingView from "@/app/query/components/LoadingView";
 
 type SelectSavedQueryProps = {
   selectedQuery: string;
@@ -84,15 +85,21 @@ const SelectSavedQuery: React.FC<SelectSavedQueryProps> = ({
             </option>
           ))}
         </Select>
+
+        {/* Customize Query Button with LoadingView */}
         <Button
           type="button"
           className="usa-button--outline bg-white margin-left-205"
           onClick={() => setShowCustomizedQuery(true)}
+          disabled={loadingQueryValueSets}
         >
           Customize query
         </Button>
       </div>
 
+      {/* Loading View */}
+      <LoadingView loading={loadingQueryValueSets} />
+
       {showAdvanced && (
         <div>
           <h3 className="margin-bottom-105">Health Care Organization (HCO)</h3>