linting

weave-js/src/components/PagePanelComponents/Home/Browse3/filters/FilterMetrics.tsx

@@ -1,5 +1,5 @@
-import React, {useState} from 'react';
 import {Switch} from '@wandb/weave/components';
+import React from 'react';
 
 type FilterMetricsProps = {
   isMetricsChecked: boolean;

weave-js/src/components/PagePanelComponents/Home/Browse3/pages/CallsPage/CallsCharts.tsx

@@ -1,6 +1,9 @@
 import {GridFilterModel, GridSortModel} from '@mui/x-data-grid-pro';
 import React, {useMemo} from 'react';
 
+import {MOON_400} from '../../../../../../common/css/color.styles';
+import {IconInfo} from '../../../../../Icon';
+import {WaveLoader} from '../../../../../Loaders/WaveLoader';
 import {Tailwind} from '../../../../../Tailwind';
 import {WFHighLevelCallFilter} from './callsTableFilter';
 import {useCallsForQuery} from './callsTableQuery';
@@ -9,9 +12,6 @@ import {
   LatencyPlotlyChart,
   RequestsPlotlyChart,
 } from './Charts';
-import {WaveLoader} from '../../../../../Loaders/WaveLoader';
-import {IconInfo} from '../../../../../Icon';
-import {MOON_400} from '../../../../../../common/css/color.styles';
 
 type CallsChartsProps = {
   entity: string;

weave-js/src/components/PagePanelComponents/Home/Browse3/pages/CallsPage/CallsTable.tsx

@@ -45,6 +45,7 @@ import {flattenObjectPreservingWeaveTypes} from '../../../Browse2/browse2Util';
 import {useWeaveflowCurrentRouteContext} from '../../context';
 import {OnAddFilter} from '../../filters/CellFilterWrapper';
 import {getDefaultOperatorForValue} from '../../filters/common';
+import {FilterMetrics} from '../../filters/FilterMetrics';
 import {FilterPanel} from '../../filters/FilterPanel';
 import {DEFAULT_PAGE_SIZE} from '../../grid/pagination';
 import {StyledPaper} from '../../StyledAutocomplete';
@@ -88,7 +89,6 @@ import {useOutputObjectVersionOptions} from './callsTableFilter';
 import {useCallsForQuery} from './callsTableQuery';
 import {useCurrentFilterIsEvaluationsFilter} from './evaluationsFilter';
 import {ManageColumnsButton} from './ManageColumnsButton';
-import {FilterMetrics} from '../../filters/FilterMetrics';
 const MAX_EVAL_COMPARISONS = 5;
 const MAX_SELECT = 100;
 

weave-js/src/components/PagePanelComponents/Home/Browse3/pages/CallsPage/Charts.tsx

@@ -29,20 +29,6 @@ type ChartDataLatency = {
   latency: number;
 };
 
-const CHART_TITLE_STYLE = {
-  font: {
-    color: MOON_750,
-    family: '"Source Sans Pro", sans-serif',
-    size: 16,
-    weight: 700,
-  },
-  pad: {
-    l: 16,
-  },
-  x: 0,
-  xanchor: 'left' as const,
-};
-
 const CHART_MARGIN_STYLE = {
   l: 50,
   r: 30,
@@ -165,10 +151,6 @@ export const LatencyPlotlyChart: React.FC<{
   useEffect(() => {
     const plotlyLayout: Partial<Plotly.Layout> = {
       height,
-      // title: {
-      //   text: '<span style="font-weight: 600;">Latency</span>',
-      //   ...CHART_TITLE_STYLE,
-      // },
       margin: CHART_MARGIN_STYLE,
       xaxis: X_AXIS_STYLE_WITH_SPIKES,
       yaxis: Y_AXIS_STYLE,
@@ -228,10 +210,6 @@ export const ErrorPlotlyChart: React.FC<{
   useEffect(() => {
     const plotlyLayout: Partial<Plotly.Layout> = {
       height,
-      // title: {
-      //   text: '<span style="font-weight: 600;">Errors</span>',
-      //   ...CHART_TITLE_STYLE,
-      // },
       margin: CHART_MARGIN_STYLE,
       bargap: 0.2,
       xaxis: X_AXIS_STYLE,
@@ -292,10 +270,6 @@ export const RequestsPlotlyChart: React.FC<{
   useEffect(() => {
     const plotlyLayout: Partial<Plotly.Layout> = {
       height,
-      // title: {
-      //   text: '<span style="font-weight: 600;">Requests</span>',
-      //   ...CHART_TITLE_STYLE,
-      // },
       margin: CHART_MARGIN_STYLE,
       xaxis: X_AXIS_STYLE,
       yaxis: Y_AXIS_STYLE,