From ed9c9e83995bd608b4470646f1637cf4a9be3737 Mon Sep 17 00:00:00 2001
From: Amy Chen <achen2401@gmail.com>
Date: Fri, 7 Feb 2025 06:07:09 -0800
Subject: [PATCH] add query info text per feedback (#19)

Co-authored-by: Amy Chen <clone@unbiunium.cirg.washington.edu>
---
 .../src/components/FindPatients/Panels/PanelGroupColumn.tsx | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/ui-client/src/components/FindPatients/Panels/PanelGroupColumn.tsx b/src/ui-client/src/components/FindPatients/Panels/PanelGroupColumn.tsx
index e1ebac7ee..dede22eaf 100644
--- a/src/ui-client/src/components/FindPatients/Panels/PanelGroupColumn.tsx
+++ b/src/ui-client/src/components/FindPatients/Panels/PanelGroupColumn.tsx
@@ -98,6 +98,11 @@ class PanelGroupColumn extends React.Component<Props> {
         }
     }
 
+    public renderQueryInfo(queryState : string) {
+        if (queryState !== CohortStateType.NOT_LOADED) return null;
+        return <div className="text-muted text-center mb-1">( To query, drag and drop concepts into boxes below )</div>
+    }
+
     public render() {
         const { dispatch, panels, panelFilters, queryState } = this.props;
         return (
@@ -107,6 +112,7 @@ class PanelGroupColumn extends React.Component<Props> {
                         <span>{this.setRunQueryButtonContent()}</span>
                     </div>
                 </div>
+                {this.renderQueryInfo(queryState)}
                 <PanelFilterGroup dispatch={dispatch} filters={panelFilters} />
                 <PanelGroup dispatch={dispatch} panels={panels} queryState={queryState} />
             </div>