adds availability select loader (#2718)
parent
65a69ef1e4
commit
746643bf8e
|
@ -31,3 +31,16 @@ function SkeletonItem() {
|
|||
</li>
|
||||
);
|
||||
}
|
||||
|
||||
export const AvailabilitySelectSkeletonLoader = () => {
|
||||
return (
|
||||
<li className="group flex w-full items-center justify-between rounded-sm border border-gray-200 px-[10px] py-3">
|
||||
<div className="flex-grow truncate text-sm">
|
||||
<div className="flex justify-between">
|
||||
<SkeletonText width="32" height="4"></SkeletonText>
|
||||
<SkeletonText width="4" height="4"></SkeletonText>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
);
|
||||
};
|
||||
|
|
|
@ -60,6 +60,7 @@ import { EmbedButton, EmbedDialog } from "@components/Embed";
|
|||
import Loader from "@components/Loader";
|
||||
import Shell from "@components/Shell";
|
||||
import { UpgradeToProDialog } from "@components/UpgradeToProDialog";
|
||||
import { AvailabilitySelectSkeletonLoader } from "@components/availability/SkeletonLoader";
|
||||
import ConfirmationDialogContent from "@components/dialog/ConfirmationDialogContent";
|
||||
import RecurringEventController from "@components/eventtype/RecurringEventController";
|
||||
import CustomInputTypeForm from "@components/pages/eventtypes/CustomInputTypeForm";
|
||||
|
@ -164,6 +165,7 @@ const AvailabilitySelect = ({
|
|||
return (
|
||||
<QueryCell
|
||||
query={query}
|
||||
customLoader={<AvailabilitySelectSkeletonLoader />}
|
||||
success={({ data }) => {
|
||||
const options = data.schedules.map((schedule) => ({
|
||||
value: schedule.id,
|
||||
|
|
Loading…
Reference in New Issue