feat: add Search actions [ET-603] (#9622)

determined-ai · Jul 10, 2024 · c0fc4c4 · c0fc4c4
1 parent 1ec5d01
commit c0fc4c4
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 11 deletions.
diff --git a/webui/react/src/pages/ExperimentDetails/ExperimentDetailsHeader.tsx b/webui/react/src/pages/ExperimentDetails/ExperimentDetailsHeader.tsx
@@ -346,7 +346,7 @@ const ExperimentDetailsHeader: React.FC<Props> = ({
             },
           ],
         },
-    [experiment, ContinueExperimentModal, ContinueTrialModal.open, ReactivateExperimentModal, isRunningContinue, onClickContinueMultiTrialExp],
+    [experiment, ContinueExperimentModal, ReactivateExperimentModal, isRunningContinue, onClickContinueMultiTrialExp, ContinueTrialModal.open],
   );
 
   useEffect(() => {
@@ -374,7 +374,6 @@ const ExperimentDetailsHeader: React.FC<Props> = ({
           },
         ],
       },
-
       [Action.ContinueTrial]: {
         ...continueExperimentOption,
         key: 'continue-trial',
@@ -552,22 +551,22 @@ const ExperimentDetailsHeader: React.FC<Props> = ({
 
     return availableActions.map((action) => options[action]) as ActionOptions[];
   }, [
-    expPermissions,
     isRunningArchive,
     continueExperimentOption,
     isRunningDelete,
-    ExperimentDeleteModal,
-    ForkModal,
-    ExperimentEditModal,
-    ExperimentMoveModal,
-    ExperimentRetainLogsModal,
-    HyperparameterSearchModal,
+    ExperimentDeleteModal.open,
+    experiment,
+    HyperparameterSearchModal.open,
+    erroredTrialCount,
+    ForkModal.open,
+    ExperimentEditModal.open,
+    ExperimentMoveModal.open,
+    ExperimentRetainLogsModal.open,
     isRunningTensorBoard,
     isRunningUnarchive,
-    experiment,
+    expPermissions,
     fetchExperimentDetails,
     confirm,
-    erroredTrialCount,
   ]);
 
   const jobInfoLinkText = useMemo(() => {

diff --git a/webui/react/src/pages/SearchDetails.tsx b/webui/react/src/pages/SearchDetails.tsx
@@ -20,6 +20,7 @@ import handleError, { ErrorLevel, ErrorType } from 'utils/error';
 import { isAborted, isNotFound } from 'utils/service';
 
 import ExperimentCodeViewer from './ExperimentDetails/ExperimentCodeViewer';
+import ExperimentDetailsHeader from './ExperimentDetails/ExperimentDetailsHeader';
 import FlatRuns from './FlatRuns/FlatRuns';
 
 const TabType = {
@@ -217,6 +218,14 @@ const SearchDetails: React.FC = () => {
   return (
     <Page
       breadcrumb={pageBreadcrumb}
+      headerComponent={
+        experiment && (
+          <ExperimentDetailsHeader
+            experiment={experiment}
+            fetchExperimentDetails={fetchExperimentDetails}
+          />
+        )
+      }
       notFound={pageError && isNotFound(pageError)}
       stickyHeader
       title={`Search ${searchId}`}>