Switch to the triggered dagrun on manual trigger. (#54336)

(cherry picked from commit 5c8c135)

Author: tirkarthi

airflow-core/src/airflow/ui/src/queries/useTrigger.ts

@@ -18,6 +18,7 @@
  */
 import { useQueryClient } from "@tanstack/react-query";
 import { useState } from "react";
+import { useNavigate } from "react-router-dom";
 
 import {
   UseDagRunServiceGetDagRunsKeyFn,
@@ -28,14 +29,16 @@ import {
   UseTaskInstanceServiceGetTaskInstancesKeyFn,
   UseGridServiceGetGridRunsKeyFn,
 } from "openapi/queries";
+import type { TriggerDagRunResponse } from "openapi/requests/types.gen";
 import type { DagRunTriggerParams } from "src/components/TriggerDag/TriggerDAGForm";
 import { toaster } from "src/components/ui";
 
 export const useTrigger = ({ dagId, onSuccessConfirm }: { dagId: string; onSuccessConfirm: () => void }) => {
   const queryClient = useQueryClient();
   const [error, setError] = useState<unknown>(undefined);
+  const navigate = useNavigate();
 
-  const onSuccess = async () => {
+  const onSuccess = async (dagRun: TriggerDagRunResponse) => {
     const queryKeys = [
       [useDagServiceGetDagsKey],
       [useDagServiceRecentDagRunsKey],
@@ -53,6 +56,8 @@ export const useTrigger = ({ dagId, onSuccessConfirm }: { dagId: string; onSucce
       type: "success",
     });
     onSuccessConfirm();
+
+    navigate(`/dags/${dagRun.dag_id}/runs/${dagRun.dag_run_id}`);
   };
 
   const onError = (_error: unknown) => {