Adding onClick handlers.

MarquezProject · Jul 3, 2024 · e828b2b · e828b2b
1 parent 96ab8f8
commit e828b2b
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/web/src/components/search/es-search/EsSearch.tsx b/web/src/components/search/es-search/EsSearch.tsx
@@ -25,6 +25,7 @@ import MqText from '../../core/text/MqText'
 import React, { useCallback, useEffect } from 'react'
 import airflow_logo from './airlfow-logo.svg'
 import spark_logo from './spark-logo.svg'
+import {useNavigate} from "react-router-dom";
 
 interface StateProps {
  esSearchJobs: IEsSearchJobsState
@@ -94,6 +95,7 @@ const EsSearch: React.FC<StateProps & DispatchProps & Props> = ({
  esSearchDatasets,
 }) => {
  const [selectedIndex, setSelectedIndex] = React.useState<Nullable<number>>(null)
+ const navigate = useNavigate()
 
  useArrowKeys((direction) => {
  if (direction === 'up') {
@@ -143,6 +145,7 @@ const EsSearch: React.FC<StateProps & DispatchProps & Props> = ({
  return (
  <Box
  key={hit.run_id}
+ onClick={() => navigate(`/lineage/job/${hit.namespace}/${hit.name}`)}
  px={2}
  py={1}
  borderBottom={1}
@@ -264,6 +267,7 @@ const EsSearch: React.FC<StateProps & DispatchProps & Props> = ({
  return (
  <Box
  key={hit.run_id}
+ onClick={() => navigate(`/lineage/dataset/${hit.namespace}/${hit.name}`)}
  px={2}
  py={1}
  borderBottom={1}