scriptoriumadmin/litellm
1
0
Fork 0
mirror of https://github.com/BerriAI/litellm.git synced 2026-09-16 23:41:43 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 103

Fix stale quick-select label after Reset Filters

Browse source 
Move selectedTimeInterval back to parent so handleFilterReset can
reset it to the 24-hour default. The toolbar receives it as a prop.
This commit is contained in:
Ryan Crabbe 2026-04-16 11:59:40 -07:00
parent 4fe54aa2f6
commit 34aea7c9e2
No known key found for this signature in database
2 changed files with 13 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
ui/litellm-dashboard/src/components/view_logs/LogsTableToolbar.tsx
View file

@ -15,6 +15,8 @@ interface LogsTableToolbarProps {
onEndTimeChange: (value: string) => void;
isCustomDate: boolean;
onIsCustomDateChange: (value: boolean) => void;
selectedTimeInterval: { value: number; unit: string };
onSelectedTimeIntervalChange: (value: { value: number; unit: string }) => void;
isLiveTail: boolean;
onIsLiveTailChange: (value: boolean) => void;
currentPage: number;
@ -35,6 +37,8 @@ export function LogsTableToolbar({
onEndTimeChange,
isCustomDate,
onIsCustomDateChange,
selectedTimeInterval,
onSelectedTimeIntervalChange,
isLiveTail,
onIsLiveTailChange,
currentPage,
@ -46,7 +50,6 @@ export function LogsTableToolbar({
filteredLogs,
}: LogsTableToolbarProps) {
const [quickSelectOpen, setQuickSelectOpen] = useState(false);
const [selectedTimeInterval, setSelectedTimeInterval] = useState<{ value: number; unit: string }>({ value: 24, unit: "hours" });
const quickSelectRef = useRef<HTMLDivElement>(null);
useEffect(() => {
@ -124,7 +127,7 @@ export function LogsTableToolbar({
.subtract(option.value, option.unit as any)
.format("YYYY-MM-DDTHH:mm"),
);
setSelectedTimeInterval({ value: option.value, unit: option.unit });
onSelectedTimeIntervalChange({ value: option.value, unit: option.unit });
onIsCustomDateChange(false);
setQuickSelectOpen(false);
}}

8
ui/litellm-dashboard/src/components/view_logs/index.tsx
View file

@ -59,6 +59,11 @@ export default function SpendLogsTable({
const [sortOrder, setSortOrder] = useState<"asc" | "desc">("desc");
const [selectedTimeInterval, setSelectedTimeInterval] = useState<{ value: number; unit: string }>({
value: 24,
unit: "hours",
});
const [isLiveTail, setIsLiveTail] = useState<boolean>(() => {
const storedValue = sessionStorage.getItem("isLiveTail");
// default to true if nothing is stored
@ -124,6 +129,7 @@ export default function SpendLogsTable({
setStartTime(moment().subtract(24, "hours").format("YYYY-MM-DDTHH:mm"));
setEndTime(moment().format("YYYY-MM-DDTHH:mm"));
setIsCustomDate(false);
setSelectedTimeInterval({ value: 24, unit: "hours" });
setCurrentPage(1);
}, [handleFilterResetFromHook]);
@ -259,6 +265,8 @@ export default function SpendLogsTable({
onEndTimeChange={setEndTime}
isCustomDate={isCustomDate}
onIsCustomDateChange={setIsCustomDate}
selectedTimeInterval={selectedTimeInterval}
onSelectedTimeIntervalChange={setSelectedTimeInterval}
isLiveTail={isLiveTail}
onIsLiveTailChange={setIsLiveTail}
currentPage={currentPage}