Alex van AndelandGitHub
b9128a7a0b
* chore: Add ./components/[name]/index.ts map to package.json * fix: Clarify Popover exports * fix: re-add dropdown to calcom/ui barrel * chore: Add icon barrel file re-export * Fix all calcom/ui imports of its own barrel * Never say 'fix all remaining..' it's never true * Some type fixeS * Linking fixes * Rename sheet.tsx to Sheet.tsx Done through UI, console does NOT like this. * Fixed some test failures
45 lines
1.2 KiB
TypeScript
45 lines
1.2 KiB
TypeScript
"use client";
|
|
|
|
import type { ReactNode } from "react";
|
|
|
|
import { type ICalendarSwitchProps } from "@calcom/features/calendars/CalendarSwitch";
|
|
import { classNames } from "@calcom/lib";
|
|
|
|
import { Icon } from "../icon";
|
|
|
|
export function CalendarSwitchComponent(
|
|
props: ICalendarSwitchProps & {
|
|
isLoading: boolean;
|
|
children: ReactNode;
|
|
translations?: {
|
|
spanText?: string;
|
|
};
|
|
}
|
|
) {
|
|
const {
|
|
externalId,
|
|
name,
|
|
isLoading,
|
|
translations = {
|
|
spanText: "Adding events to",
|
|
},
|
|
children,
|
|
} = props;
|
|
|
|
return (
|
|
<div className={classNames("my-2 flex flex-row items-center")}>
|
|
<div className="flex pl-2">{children}</div>
|
|
<label className="ml-3 text-sm font-medium leading-5" htmlFor={externalId}>
|
|
{name}
|
|
</label>
|
|
{!!props.destination && (
|
|
<span className="bg-subtle text-default ml-8 inline-flex items-center gap-1 rounded-md px-2 py-1 text-sm font-normal sm:ml-4">
|
|
<Icon name="arrow-left" className="h-4 w-4" />
|
|
{translations.spanText}
|
|
</span>
|
|
)}
|
|
{isLoading && <Icon name="rotate-cw" className="text-muted h-4 w-4 animate-spin ltr:ml-1 rtl:mr-1" />}
|
|
</div>
|
|
);
|
|
}
|