Merge branch 'main' into alerts-table-refactor

stacklok · Jan 24, 2025 · 2a742d8 · 2a742d8
2 parents 3a778b2 + 646ed5a
commit 2a742d8
Showing 1 changed file with 9 additions and 2 deletions.
diff --git a/src/components/AlertsTable.tsx b/src/components/AlertsTable.tsx
@@ -20,7 +20,7 @@ import { sanitizeQuestionPrompt, parsingPromptText } from "@/lib/utils";
 import { Search } from "lucide-react";
 import { useAlertSearch } from "@/hooks/useAlertSearch";
 import { useCallback } from "react";
-import { useSearchParams } from "react-router-dom";
+import { useNavigate, useSearchParams } from "react-router-dom";
 import { useFilteredAlerts } from "@/hooks/useAlertsData";
 import { useClientSidePagination } from "@/hooks/useClientSidePagination";
 
@@ -60,6 +60,7 @@ export function AlertsTable() {
     nextPage,
     prevPage,
   } = useAlertSearch();
+  const navigate = useNavigate();
   const [searchParams, setSearchParams] = useSearchParams();
   const { data: filteredAlerts = [] } = useFilteredAlerts();
 
@@ -157,7 +158,13 @@ export function AlertsTable() {
           </TableHeader>
           <TableBody>
             {dataView.map((alert) => (
-              <Row key={alert.alert_id} className="h-20">
+              <Row
+                key={alert.alert_id}
+                className="h-20"
+                onAction={() =>
+                  navigate(`/prompt/${alert.conversation.chat_id}`)
+                }
+              >
                 <Cell className="truncate">
                   {formatDistanceToNow(new Date(alert.timestamp), {
                     addSuffix: true,