From 5a5016434e1c12c31c8cc8b9e3b651b43c4fae0a Mon Sep 17 00:00:00 2001 From: jwlee64 Date: Tue, 8 Oct 2024 11:10:08 -0700 Subject: [PATCH] move refresh button, minor style to op filter, and filter --- .../Home/Browse3/filters/FilterBar.tsx | 2 +- .../Browse3/pages/CallsPage/CallsTable.tsx | 31 ++++++++++++++----- .../pages/CallsPage/CallsTableButtons.tsx | 2 +- 3 files changed, 26 insertions(+), 9 deletions(-) diff --git a/weave-js/src/components/PagePanelComponents/Home/Browse3/filters/FilterBar.tsx b/weave-js/src/components/PagePanelComponents/Home/Browse3/filters/FilterBar.tsx index 7daf09c0fab..d81f4694ecc 100644 --- a/weave-js/src/components/PagePanelComponents/Home/Browse3/filters/FilterBar.tsx +++ b/weave-js/src/components/PagePanelComponents/Home/Browse3/filters/FilterBar.tsx @@ -211,7 +211,7 @@ export const FilterBar = ({ <>
diff --git a/weave-js/src/components/PagePanelComponents/Home/Browse3/pages/CallsPage/CallsTable.tsx b/weave-js/src/components/PagePanelComponents/Home/Browse3/pages/CallsPage/CallsTable.tsx index fc2b06ff632..8b8069488b8 100644 --- a/weave-js/src/components/PagePanelComponents/Home/Browse3/pages/CallsPage/CallsTable.tsx +++ b/weave-js/src/components/PagePanelComponents/Home/Browse3/pages/CallsPage/CallsTable.tsx @@ -25,7 +25,9 @@ import { GridSortModel, useGridApiRef, } from '@mui/x-data-grid-pro'; +import {MOON_200, TEAL_300} from '@wandb/weave/common/css/color.styles'; import {Checkbox} from '@wandb/weave/components/Checkbox/Checkbox'; +import {Icon} from '@wandb/weave/components/Icon'; import React, { FC, useCallback, @@ -85,8 +87,6 @@ import {useOutputObjectVersionOptions} from './callsTableFilter'; import {useCallsForQuery} from './callsTableQuery'; import {useCurrentFilterIsEvaluationsFilter} from './evaluationsFilter'; import {ManageColumnsButton} from './ManageColumnsButton'; - -const OP_FILTER_GROUP_HEADER = 'Op'; const MAX_EVAL_COMPARISONS = 5; const MAX_SELECT = 100; @@ -664,14 +664,32 @@ export const CallsTable: FC<{ }} filterListItems={ + calls.refetch()} /> {!hideOpSelector && (
- - + + ( )} + sx={{ + '& .MuiOutlinedInput-root': { + height: '32px', + '& fieldset': { + borderColor: MOON_200, + }, + '&:hover fieldset': { + borderColor: `rgba(${TEAL_300}, 0.48)`, + }, + }, + '& .MuiOutlinedInput-input': { + height: '32px', + padding: '0 14px', + boxSizing: 'border-box', + }, + }} size="small" // Temp disable multiple for simplicity - may want to re-enable // multiple @@ -696,7 +714,6 @@ export const CallsTable: FC<{ renderInput={renderParams => ( )} @@ -708,6 +725,8 @@ export const CallsTable: FC<{ } groupBy={option => opVersionOptions[option]?.group} options={Object.keys(opVersionOptions)} + popupIcon={} + clearIcon={} /> @@ -820,8 +839,6 @@ export const CallsTable: FC<{
)} - - calls.refetch()} />
}>