2
0
mirror of https://github.com/inventree/InvenTree.git synced 2026-06-06 08:54:24 +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, IconChevronLeft,
IconChevronRight, IconChevronRight,
IconDownload, IconDownload,
IconFilter IconFilter,
IconRefresh
} from '@tabler/icons-react'; } from '@tabler/icons-react';
import { import {
type ReactNode, type ReactNode,
@@ -55,6 +56,7 @@ export interface InvenTreeCalendarProps extends CalendarOptions {
enableDownload?: boolean; enableDownload?: boolean;
enableFilters?: boolean; enableFilters?: boolean;
enableSearch?: boolean; enableSearch?: boolean;
enableRefresh?: boolean;
eventTooltipContent?: (event: EventContentArg) => ReactNode; eventTooltipContent?: (event: EventContentArg) => ReactNode;
filters?: TableFilter[]; filters?: TableFilter[];
isLoading?: boolean; isLoading?: boolean;
@@ -65,6 +67,7 @@ export default function Calendar({
enableDownload, enableDownload,
enableFilters = false, enableFilters = false,
enableSearch, enableSearch,
enableRefresh = true,
eventTooltipContent, eventTooltipContent,
isLoading, isLoading,
filters, filters,
@@ -214,6 +217,18 @@ export default function Calendar({
{enableSearch && ( {enableSearch && (
<SearchInput searchCallback={state.setSearchTerm} /> <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 && ( {enableFilters && filters && filters.length > 0 && (
<Indicator <Indicator
size='xs' size='xs'
@@ -211,6 +211,7 @@ export default function OrderCalendar({
<Calendar <Calendar
enableDownload enableDownload
enableFilters enableFilters
enableRefresh
enableSearch enableSearch
events={events} events={events}
state={calendarState} state={calendarState}
@@ -515,7 +515,7 @@ export function FilterSelectDrawer({
return ( return (
<Drawer <Drawer
size='sm' size='lg'
position='right' position='right'
withCloseButton={true} withCloseButton={true}
opened={opened} opened={opened}