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:
@@ -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}
|
||||||
|
|||||||
Reference in New Issue
Block a user