fix: change filter form to say "Show runs" in flat runs view [ET-740] (…

…#9840)

(cherry picked from commit e3dfb0a)

webui/react/src/components/FilterForm/TableFilter.tsx

@@ -17,6 +17,7 @@ interface Props {
   isMobile?: boolean;
   isOpenFilter: boolean;
   projectId?: number;
+  entityCopy?: string;
   onIsOpenFilterChange?: (value: boolean) => void;
 }
 
@@ -27,6 +28,7 @@ const TableFilter = ({
   isMobile = false,
   isOpenFilter,
   projectId,
+  entityCopy,
   onIsOpenFilterChange,
 }: Props): JSX.Element => {
   const columns: V1ProjectColumn[] = Loadable.getOrElse([], loadableColumns).filter(
@@ -70,6 +72,7 @@ const TableFilter = ({
             onMouseMove={(e) => e.stopPropagation()}>
             <FilterForm
               columns={columns}
+              entityCopy={entityCopy}
               formStore={formStore}
               projectId={projectId}
               onHidePopOver={onHidePopOver}

webui/react/src/components/FilterForm/components/FilterForm.tsx

@@ -16,10 +16,17 @@ interface Props {
   formStore: FilterFormStore;
   columns: V1ProjectColumn[];
   projectId?: number;
+  entityCopy?: string;
   onHidePopOver: () => void;
 }
 
-const FilterForm = ({ formStore, columns, projectId, onHidePopOver }: Props): JSX.Element => {
+const FilterForm = ({
+  formStore,
+  columns,
+  projectId,
+  entityCopy,
+  onHidePopOver,
+}: Props): JSX.Element => {
   const scrollBottomRef = useRef<HTMLDivElement>(null);
   const loadableData = useObservable(formStore.formset);
   const isButtonDisabled = Loadable.match(loadableData, {
@@ -43,7 +50,7 @@ const FilterForm = ({ formStore, columns, projectId, onHidePopOver }: Props): JS
         Loaded: (data) => (
           <>
             <div className={css.header} data-test="header">
-              <div>Show experiments…</div>
+              <div>{entityCopy ?? 'Show experiments…'}</div>
               <Toggle
                 checked={data.showArchived}
                 label="Show Archived"

webui/react/src/components/Searches/Searches.tsx

@@ -863,6 +863,7 @@ const Searches: React.FC<Props> = ({ project }) => {
         bannedFilterColumns={BANNED_FILTER_COLUMNS}
         bannedSortColumns={BANNED_SORT_COLUMNS}
         columnGroups={[V1LocationType.EXPERIMENT]}
+        entityCopy="Show searches…"
         formStore={formStore}
         initialVisibleColumns={columnsIfLoaded}
         isOpenFilter={isOpenFilter}

webui/react/src/components/TableActionBar.tsx

@@ -111,6 +111,7 @@ interface Props {
   columnGroups: (V1LocationType | V1LocationType[])[];
   bannedFilterColumns?: Set<string>;
   bannedSortColumns?: Set<string>;
+  entityCopy?: string;
 }
 
 const TableActionBar: React.FC<Props> = ({
@@ -141,6 +142,7 @@ const TableActionBar: React.FC<Props> = ({
   columnGroups,
   bannedFilterColumns,
   bannedSortColumns,
+  entityCopy,
 }) => {
   const permissions = usePermissions();
   const [batchAction, setBatchAction] = useState<BatchAction>();
@@ -382,6 +384,7 @@ const TableActionBar: React.FC<Props> = ({
           <Row>
             <TableFilter
               bannedFilterColumns={bannedFilterColumns}
+              entityCopy={entityCopy}
               formStore={formStore}
               isMobile={isMobile}
               isOpenFilter={isOpenFilter}

webui/react/src/pages/F_ExpList/F_ExperimentList.tsx

@@ -1078,6 +1078,7 @@ const F_ExperimentList: React.FC<Props> = ({ project }) => {
           V1LocationType.HYPERPARAMETERS,
         ]}
         compareViewOn={settings.compare}
+        entityCopy="Show experiments…"
         formStore={formStore}
         heatmapBtnVisible={heatmapBtnVisible}
         heatmapOn={settings.heatmapOn}

webui/react/src/pages/FlatRuns/FlatRuns.tsx

@@ -1068,6 +1068,7 @@ const FlatRuns: React.FC<Props> = ({ projectId, workspaceId, searchId }) => {
           <Row>
             <TableFilter
               bannedFilterColumns={bannedFilterColumns}
+              entityCopy="Show runs…"
               formStore={formStore}
               isMobile={isMobile}
               isOpenFilter={isOpenFilter}