2
0
mirror of https://github.com/inventree/InvenTree.git synced 2026-06-06 00:44:25 +00:00

[UI] Calendar refresh (#12091)

* [UI] Add "refresh" button to Calendar view

* Extend filter drawer width
This commit is contained in:
Oliver
2026-06-05 17:13:12 +10:00
committed by GitHub
parent 8d2b765013
commit 969539426d
3 changed files with 18 additions and 2 deletions
@@ -32,7 +32,8 @@ import {
IconChevronLeft,
IconChevronRight,
IconDownload,
IconFilter
IconFilter,
IconRefresh
} from '@tabler/icons-react';
import {
type ReactNode,
@@ -55,6 +56,7 @@ export interface InvenTreeCalendarProps extends CalendarOptions {
enableDownload?: boolean;
enableFilters?: boolean;
enableSearch?: boolean;
enableRefresh?: boolean;
eventTooltipContent?: (event: EventContentArg) => ReactNode;
filters?: TableFilter[];
isLoading?: boolean;
@@ -65,6 +67,7 @@ export default function Calendar({
enableDownload,
enableFilters = false,
enableSearch,
enableRefresh = true,
eventTooltipContent,
isLoading,
filters,
@@ -214,6 +217,18 @@ export default function Calendar({
{enableSearch && (
<SearchInput searchCallback={state.setSearchTerm} />
)}
{enableRefresh && (
<ActionIcon
variant='transparent'
aria-label='calendar-refresh'
disabled={isLoading}
onClick={() => state.query.refetch()}
>
<Tooltip label={t`Refresh calendar`} position='top-end'>
<IconRefresh />
</Tooltip>
</ActionIcon>
)}
{enableFilters && filters && filters.length > 0 && (
<Indicator
size='xs'
@@ -211,6 +211,7 @@ export default function OrderCalendar({
<Calendar
enableDownload
enableFilters
enableRefresh
enableSearch
events={events}
state={calendarState}
@@ -515,7 +515,7 @@ export function FilterSelectDrawer({
return (
<Drawer
size='sm'
size='lg'
position='right'
withCloseButton={true}
opened={opened}