mirror of
https://github.com/hanzoai/calendar.git
synced 2026-10-30 14:46:43 +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>
50 lines
1.9 KiB
TypeScript
50 lines
1.9 KiB
TypeScript
import { useId } from "react";
|
|
|
|
import type dayjs from "@calcom/dayjs";
|
|
import { useTimePreferences } from "@calcom/features/bookings/lib";
|
|
import classNames from "@calcom/ui/classNames";
|
|
|
|
import type { BorderColor } from "@calcom/features/calendars/weeklyview/types/common";
|
|
|
|
export const HorizontalLines = ({
|
|
hours,
|
|
containerOffsetRef,
|
|
borderColor,
|
|
}: {
|
|
hours: dayjs.Dayjs[];
|
|
numberOfGridStopsPerCell: number;
|
|
containerOffsetRef: React.RefObject<HTMLDivElement>;
|
|
borderColor: BorderColor;
|
|
}) => {
|
|
const { timeFormat } = useTimePreferences();
|
|
// We need to force the minute to zero, because otherwise in ex GMT+5.5, it would show :30 minute times (but at the positino of :00)
|
|
const finalHour = hours[hours.length - 1].add(1, "hour").minute(0).format(timeFormat);
|
|
const id = useId();
|
|
|
|
return (
|
|
<div
|
|
className={classNames(
|
|
"pointer-events-none relative z-60 col-start-1 col-end-2 row-start-1 grid divide-y",
|
|
borderColor === "subtle" ? "divide-subtle" : "divide-default"
|
|
)}
|
|
style={{
|
|
gridTemplateRows: `repeat(${hours.length}, minmax(var(--gridDefaultSize),1fr)`,
|
|
}}>
|
|
<div className="row-end-1 h-(--calendar-offset-top) " ref={containerOffsetRef} />
|
|
{hours.map((hour) => (
|
|
<div key={`${id}-${hour.get("hour")}`}>
|
|
<div className="text-muted sticky left-0 z-20 -ml-14 -mt-2.5 w-14 pr-2 text-right text-xs leading-5 rtl:-mr-14">
|
|
{/* We need to force the minute to zero, because otherwise in ex GMT+5.5, it would show :30 minute times (but at the positino of :00) */}
|
|
{hour.minute(0).format(timeFormat)}
|
|
</div>
|
|
</div>
|
|
))}
|
|
<div key={`${id}-${finalHour}`}>
|
|
<div className="text-muted sticky left-0 z-20 -ml-14 -mt-2.5 w-14 pr-2 text-right text-xs leading-5 rtl:-mr-14">
|
|
{finalHour}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|