Fix manual time query input in service/k8s dashboards (#291)

hyperdxio · Feb 2, 2024 · 02c6e04 · 02c6e04
1 parent 340fdc4
commit 02c6e04
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 4 deletions.
diff --git a/packages/app/src/KubernetesDashboardPage.tsx b/packages/app/src/KubernetesDashboardPage.tsx
@@ -808,15 +808,22 @@ export default function KubernetesDashboardPage() {
               />
             </form>
           </div>
-          <div className="d-flex" style={{ width: 350, height: 36 }}>
+          <form
+            className="d-flex"
+            style={{ width: 350, height: 36 }}
+            onSubmit={e => {
+              e.preventDefault();
+              onSearch(displayedTimeInputValue);
+            }}
+          >
             <SearchTimeRangePicker
               inputValue={displayedTimeInputValue}
               setInputValue={setDisplayedTimeInputValue}
               onSearch={range => {
                 onSearch(range);
               }}
             />
-          </div>
+          </form>
         </Group>
       </div>
       <Tabs

diff --git a/packages/app/src/ServiceDashboardPage.tsx b/packages/app/src/ServiceDashboardPage.tsx
@@ -199,15 +199,22 @@ export default function ServiceDashboardPage() {
               setSearchQuery={setSearchQuery}
             />
           </div>
-          <div className="d-flex" style={{ width: 350, height: 36 }}>
+          <form
+            className="d-flex"
+            style={{ width: 350, height: 36 }}
+            onSubmit={e => {
+              e.preventDefault();
+              onSearch(displayedTimeInputValue);
+            }}
+          >
             <SearchTimeRangePicker
               inputValue={displayedTimeInputValue}
               setInputValue={setDisplayedTimeInputValue}
               onSearch={range => {
                 onSearch(range);
               }}
             />
-          </div>
+          </form>
         </Group>
       </div>
       <Tabs