make patient results row clickable (#2664)

make entire row clickable
CDCgov · Oct 3, 2024 · c6701ba · c6701ba
1 parent 1dc48be
commit c6701ba
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/.../tefca-viewer/src/app/query/components/patientSearchResults/PatientSearchResultsTable.tsx b/.../tefca-viewer/src/app/query/components/patientSearchResults/PatientSearchResultsTable.tsx
@@ -46,7 +46,11 @@ const PatientSearchResultsTable: React.FC<PatientSeacrchResultsTableProps> = ({
         </thead>
         <tbody>
           {patients.map((patient) => (
-            <tr key={patient.id} className="tableRowWithHover">
+            <tr
+              key={patient.id}
+              className="tableRowWithHover tableRowWithHover_clickable"
+              onClick={() => setPatientForQueryResponse(patient)}
+            >
               <td>{formatName(patient.name ?? [])}</td>
               <td>{patient.birthDate ?? ""}</td>
               <td>{formatContact(patient.telecom ?? [])}</td>

diff --git a/containers/tefca-viewer/src/styles/custom-styles.scss b/containers/tefca-viewer/src/styles/custom-styles.scss
@@ -487,3 +487,8 @@ hr.custom-hr {
 .tableRowWithHover:hover td {
   background-color: $background-hover-color;
 }
+
+.tableRowWithHover_clickable,
+.tableRowWithHover_clickable td {
+  cursor: pointer;
+}