mirror of
https://github.com/hanzoai/calendar.git
synced 2026-10-30 14:46:43 +00:00
abe92cd693
* feat: availability override classnames * feat: availability time picker styles * feat: calendar settings headers styles * feat: destination and connected calendars * feat: date override title,description,button * feat: selected calendars list * example styles * docs * chanegest * refactor: change import path to relative * fix: make all classnames optional * docs: time picker docs --------- Co-authored-by: Somay Chauhan <[email protected]>
61 lines
1.9 KiB
TypeScript
61 lines
1.9 KiB
TypeScript
import { useUpdateDestinationCalendars } from "../../hooks/calendars/useUpdateDestinationCalendars";
|
|
import { useConnectedCalendars } from "../../hooks/useConnectedCalendars";
|
|
import { AtomsWrapper } from "../../src/components/atoms-wrapper";
|
|
import type { DestinationCalendarClassNames } from "../DestinationCalendar";
|
|
import { DestinationCalendarSettings } from "../DestinationCalendar";
|
|
|
|
export const DestinationCalendarSettingsPlatformWrapper = ({
|
|
statusLoader,
|
|
classNames = "mx-5",
|
|
classNamesObject,
|
|
isDryRun = false,
|
|
}: {
|
|
statusLoader?: JSX.Element;
|
|
classNames?: string;
|
|
classNamesObject?: DestinationCalendarClassNames;
|
|
isDryRun?: boolean;
|
|
}) => {
|
|
const calendars = useConnectedCalendars({});
|
|
const { mutate: updateDestinationCalendars, isPending: isUpdatingCalendar } =
|
|
useUpdateDestinationCalendars();
|
|
|
|
if (calendars.isLoading) {
|
|
return (
|
|
<AtomsWrapper>
|
|
<>
|
|
{statusLoader}
|
|
{!statusLoader && <h1 className="m-5 text-xl font-semibold">Loading...</h1>}
|
|
</>
|
|
</AtomsWrapper>
|
|
);
|
|
}
|
|
|
|
if (!calendars.data?.connectedCalendars || calendars.data.connectedCalendars.length < 1) {
|
|
return null;
|
|
}
|
|
|
|
return (
|
|
<AtomsWrapper>
|
|
<DestinationCalendarSettings
|
|
classNames={classNames}
|
|
classNamesObject={classNamesObject}
|
|
connectedCalendars={calendars.data.connectedCalendars}
|
|
destinationCalendar={calendars.data.destinationCalendar}
|
|
value={calendars.data.destinationCalendar.externalId}
|
|
hidePlaceholder
|
|
hideAdvancedText
|
|
onChange={async ({ externalId, integration, delegationCredentialId }) => {
|
|
if (!isDryRun) {
|
|
await updateDestinationCalendars({
|
|
integration,
|
|
externalId,
|
|
delegationCredentialId,
|
|
});
|
|
}
|
|
}}
|
|
isPending={isUpdatingCalendar}
|
|
/>
|
|
</AtomsWrapper>
|
|
);
|
|
};
|