8c123ece25
* refactor: move shared components from apps/web to packages/features Move components that don't require dependency injection: - DisconnectIntegrationModal - Booking components (Header, Section, TimeFormatToggle, PayIcon, Price) - useInitializeWeekStart hook - TeamEventTypeForm - Event type components (AssignAllTeamMembers, BulkEditDefaultForEventsModal, etc.) - Event type dialogs (HostEditDialogs, ManagedEventDialog) - Location components (LocationInput, types) - Tab components (EventLimitsTab, EventRecurringTab, etc.) Co-Authored-By: benny@cal.com <sldisek783@gmail.com> * refactor: update import paths to use @calcom/features Update imports in apps/web and packages/platform/atoms to reference the moved components from @calcom/features instead of @calcom/web. Co-Authored-By: benny@cal.com <sldisek783@gmail.com> * refactor: delete original files from apps/web/modules Complete the file move by deleting the original files that were copied to packages/features. This makes it a proper move instead of a copy, reducing the PR size significantly. Co-Authored-By: benny@cal.com <sldisek783@gmail.com> * fix: update import paths to use @calcom/features for moved files Update import paths in apps/web files that reference components that were moved from apps/web/modules to packages/features: - LearnMoreLink - ChildrenEventTypeSelect - AssignAllTeamMembers - WeightDescription - LocationCustomClassNames (types) Co-Authored-By: benny@cal.com <sldisek783@gmail.com> * fix: update additional import paths for moved components Update import paths in apps/web files that reference components moved from apps/web/modules to packages/features: - AppList.tsx: BulkEditDefaultForEventsModal - schedule-view.tsx: BulkUpdatParams type - AddMembersWithSwitch.tsx: AssignAllTeamMembers, CheckedTeamSelect - EventTypeWebWrapper.tsx: ChildrenEventType, ManagedEventDialog - DefaultLocationSettings.tsx: LocationCustomClassNames, LocationInput - Locations.tsx: LocationCustomClassNames, LocationInput Co-Authored-By: benny@cal.com <sldisek783@gmail.com> * fix: resolve circular dependency by adding isPlatform prop to Header This fixes the circular dependency where @calcom/atoms (CalendarViewComponent) was importing Header from @calcom/features, but Header was importing useIsPlatform from @calcom/atoms. The fix adds an isPlatform prop to the Header component so it no longer needs to import useIsPlatform from @calcom/atoms. Callers now pass the isPlatform value directly: - atoms components pass isPlatform={true} - web components pass the isPlatform prop they receive Fix confidence: 9/10 (Cubic AI) Co-Authored-By: unknown <> * fix * fix * fix * fix * fix * fix --------- Co-authored-by: Devin AI <158243242+devin-ai-integration[bot]@users.noreply.github.com>
27 lines
953 B
TypeScript
27 lines
953 B
TypeScript
import { useLocale } from "@calcom/lib/hooks/useLocale";
|
|
import { TimeFormat } from "@calcom/lib/timeFormat";
|
|
import { ToggleGroup } from "@calcom/ui/components/form";
|
|
|
|
import { useTimePreferences } from "@calcom/features/bookings/lib";
|
|
|
|
export const TimeFormatToggle = ({ customClassName }: { customClassName?: string }) => {
|
|
const timeFormat = useTimePreferences((state) => state.timeFormat);
|
|
const setTimeFormat = useTimePreferences((state) => state.setTimeFormat);
|
|
const { t } = useLocale();
|
|
|
|
return (
|
|
<ToggleGroup
|
|
customClassNames={customClassName}
|
|
onValueChange={(newFormat) => {
|
|
if (newFormat && newFormat !== timeFormat) setTimeFormat(newFormat as TimeFormat);
|
|
}}
|
|
defaultValue={timeFormat}
|
|
value={timeFormat}
|
|
options={[
|
|
{ value: TimeFormat.TWELVE_HOUR, label: t("12_hour_short") },
|
|
{ value: TimeFormat.TWENTY_FOUR_HOUR, label: t("24_hour_short") },
|
|
]}
|
|
/>
|
|
);
|
|
};
|