mirror of
https://github.com/hanzoai/calendar.git
synced 2026-09-24 22:42:24 +00:00
ab21c7f805
* feat: Cal.diy — community-driven MIT-licensed fork of Cal.com This squashed commit contains all Cal.diy changes applied on top of calcom/cal.com main: - Rebrand Cal.com to Cal.diy across the entire codebase - Remove Enterprise Edition (EE) features, license checks, and AGPL restrictions - Switch license from AGPL-3.0 to MIT - Remove docs/ directory (migrated to Nextra at cal.diy) - Remove dead code: org tests, EE tips, platform nav, premium username, SAML/SSO, etc. - Clean up .env.example for self-hosted Cal.diy - Update Docker image references to calcom/cal.diy - Update README, CONTRIBUTING.md, and issue templates for Cal.diy community fork - Add PR welcome bot for Cal.diy contributors - Fix API v2 breaking changes oasdiff ignore entries - Replace Blacksmith CI runners with default GitHub Actions 3893 files changed, 20789 insertions(+), 411020 deletions(-) Co-Authored-By: [email protected] <[email protected]> * refactor: remove org-specific /organizations/:orgId endpoints from API v2 atoms controllers (#1701) Co-authored-by: Devin AI <158243242+devin-ai-integration[bot]@users.noreply.github.com> * fix: revert Cal.diy Inc to Cal.com, Inc. in license files, copyright notices, and package metadata (#1702) Co-authored-by: Devin AI <158243242+devin-ai-integration[bot]@users.noreply.github.com> * rip out org related comments in api v2 --------- Co-authored-by: Devin AI <158243242+devin-ai-integration[bot]@users.noreply.github.com>
75 lines
2.0 KiB
TypeScript
75 lines
2.0 KiB
TypeScript
"use client";
|
|
|
|
import { useCompatSearchParams } from "@calcom/embed-core/src/useCompatSearchParams";
|
|
import { useLocale } from "@calcom/lib/hooks/useLocale";
|
|
import { Select, ToggleGroup } from "@calcom/ui/components/form";
|
|
import { usePathname, useRouter } from "next/navigation";
|
|
import { useCallback, useMemo } from "react";
|
|
|
|
export enum OutOfOfficeTab {
|
|
MINE = "mine",
|
|
HOLIDAYS = "holidays",
|
|
}
|
|
|
|
export const OutOfOfficeToggleGroup = () => {
|
|
const { t } = useLocale();
|
|
const searchParams = useCompatSearchParams();
|
|
const router = useRouter();
|
|
const pathname = usePathname();
|
|
|
|
const createQueryString = useCallback(
|
|
(name: string, value: string) => {
|
|
const params = new URLSearchParams(searchParams ?? undefined);
|
|
params.set(name, value);
|
|
|
|
return params.toString();
|
|
},
|
|
[searchParams]
|
|
);
|
|
|
|
const selectedTab = searchParams?.get("type") ?? OutOfOfficeTab.MINE;
|
|
|
|
const tabOptions = useMemo(
|
|
() => [
|
|
{ value: OutOfOfficeTab.MINE, label: t("my_ooo") },
|
|
{ value: OutOfOfficeTab.HOLIDAYS, label: t("holidays") },
|
|
],
|
|
[t]
|
|
);
|
|
|
|
const handleTabChange = useCallback(
|
|
(value: string | null) => {
|
|
if (!value) return;
|
|
const newQuery = createQueryString("type", value);
|
|
router.push(`${pathname}?${newQuery}`);
|
|
},
|
|
[createQueryString, pathname, router]
|
|
);
|
|
|
|
const selectedOption = useMemo(
|
|
() => tabOptions.find((opt) => opt.value === selectedTab) ?? tabOptions[0],
|
|
[selectedTab, tabOptions]
|
|
);
|
|
|
|
return (
|
|
<>
|
|
{/* Mobile: Select dropdown */}
|
|
<div className="md:hidden">
|
|
<Select
|
|
className="w-[120px]"
|
|
value={selectedOption}
|
|
onChange={(option) => handleTabChange(option?.value ?? null)}
|
|
options={tabOptions}
|
|
/>
|
|
</div>
|
|
{/* Desktop: Toggle group */}
|
|
<ToggleGroup
|
|
className="hidden md:flex"
|
|
defaultValue={selectedTab}
|
|
onValueChange={handleTabChange}
|
|
options={tabOptions}
|
|
/>
|
|
</>
|
|
);
|
|
};
|