date picker should conditionally hide clearable 👻

This commit is contained in:
Nate Kelley 2025-04-09 15:41:41 -06:00
parent 8494f12189
commit fec77bda4b
No known key found for this signature in database
GPG Key ID: FD90372AB8D98B4F
4 changed files with 13 additions and 6 deletions

View File

@ -135,7 +135,7 @@ export const useShareCollection = () => {
const queryKey = collectionQueryKeys.collectionsGetCollection(id).queryKey;
queryClient.setQueryData(queryKey, (previousData) => {
return create(previousData!, (draft: BusterCollection) => {
draft.individual_permissions?.push(...params);
draft.individual_permissions = [...params, ...(draft.individual_permissions || [])];
});
});
},

View File

@ -320,7 +320,10 @@ export const useShareDashboard = () => {
const queryKey = dashboardQueryKeys.dashboardGetDashboard(variables.id).queryKey;
queryClient.setQueryData(queryKey, (previousData) => {
return create(previousData!, (draft) => {
draft.individual_permissions?.push(...variables.params);
draft.individual_permissions = [
...variables.params,
...(draft.individual_permissions || [])
];
});
});
},

View File

@ -312,7 +312,10 @@ export const useShareMetric = () => {
const queryKey = metricsQueryKeys.metricsGetMetric(variables.id).queryKey;
queryClient.setQueryData(queryKey, (previousData: IBusterMetric | undefined) => {
return create(previousData!, (draft: IBusterMetric) => {
draft.individual_permissions?.push(...variables.params);
draft.individual_permissions = [
...variables.params,
...(draft.individual_permissions || [])
];
});
});
},

View File

@ -42,10 +42,11 @@ function DatePickerComponent({
variant={'ghost'}
prefix={<CalendarIcon />}
suffix={
clearable && (
clearable &&
selected && (
<div
onClick={onClickCancel}
className="hover:bg-gray-light/20 hover:text-default! flex items-center justify-center rounded-sm p-0.5 text-xs opacity-30 transition-opacity duration-200 group-hover:opacity-100">
className="hover:bg-gray-light/20 hover:text-default! -mr-1 flex items-center justify-center rounded-sm p-1 text-xs opacity-30 transition-opacity duration-200 group-hover:opacity-100">
<Xmark />
</div>
)
@ -65,7 +66,7 @@ function DatePickerComponent({
</Button>
</PopoverTrigger>
<PopoverContent className="w-auto p-0">
<Calendar mode="single" selected={selected} onSelect={onSelect} initialFocus />
<Calendar {...props} mode="single" selected={selected} onSelect={onSelect} initialFocus />
</PopoverContent>
</Popover>
);