mirror of
https://github.com/hanzoai/calendar.git
synced 2026-10-30 14:46:43 +00:00
sean-brydonGitHubRajiv SahalRyukemeisterDevin AI <158243242+devin-ai-integration[bot]@users.noreply.github.com>Benny Joo* fix manage test error * fix manage test error * update useBookerContext * wrap store provider around booker * replace useStore with useBookerStoreContext * replace useBookerStore with useBookerStoreContext * add initializer function for booker store provider * update props * fixup: pass more props * export StoreInitializeType type * replace useBookerStore with useBookerStoreContext * fixup: dont wrap BookerStoreProvider around booker directly * wrap BookerStoreProvider around booker web wrapper and fix local storage import * fix: wrap test components with BookerStoreProvider to fix failing unit tests - Create reusable test utility in test-utils.tsx with comprehensive mock store - Update Booker.test.tsx to use context-based testing approach - Fix DatePicker tests in both bookings and calendars packages - Simulate auto-advance behavior for month navigation tests - All 14 previously failing tests now pass Co-Authored-By: [email protected] <[email protected]> * add changesets * fix: complete migration from useBookerStore to useBookerStoreContext - Updated all remaining files to use useBookerStoreContext instead of useBookerStore - Fixed BookingFields.test.tsx by wrapping test component with BookerStoreProvider - Ensures all Booker components work within the new context-based store pattern - Resolves failing unit tests in CI by completing the store migration Co-Authored-By: [email protected] <[email protected]> * fix: add missing useBookerStoreContext import in BookerWebWrapper.tsx - Fixes TypeScript errors in CI where useBookerStoreContext was used but not imported - Completes the migration from useBookerStore to useBookerStoreContext pattern - All tests pass locally after this fix Co-Authored-By: [email protected] <[email protected]> * Revert "fix: add missing useBookerStoreContext import in BookerWebWrapper.tsx" This reverts commit 12947ca63f46c42e5aee74c78176ef230e2bf2cf. * Revert "fix: complete migration from useBookerStore to useBookerStoreContext" This reverts commit 87d837f2d30e4f9259d2be786049d21856f4eef0. * fixup: useBookerStoreContext and useInitializeBookerStoreContext for booker web wrapper * fixup: failing E2E tests * fixup: email embed breaking * fixup: troubleshooter crashing * replace useBookerstore with useBookerStoreContext --------- Co-authored-by: Rajiv Sahal <[email protected]> Co-authored-by: Ryukemeister <[email protected]> Co-authored-by: Devin AI <158243242+devin-ai-integration[bot]@users.noreply.github.com> Co-authored-by: Benny Joo <[email protected]>
73 lines
2.4 KiB
TypeScript
73 lines
2.4 KiB
TypeScript
import { BookerStoreProvider } from "@calcom/features/bookings/Booker/BookerStoreProvider";
|
|
import useMediaQuery from "@calcom/lib/hooks/useMediaQuery";
|
|
import classNames from "@calcom/ui/classNames";
|
|
|
|
import { LargeCalendar } from "./components/LargeCalendar";
|
|
import { TroubleshooterHeader } from "./components/TroubleshooterHeader";
|
|
import { TroubleshooterSidebar } from "./components/TroubleshooterSidebar";
|
|
import { useInitalizeTroubleshooterStore } from "./store";
|
|
import type { TroubleshooterProps } from "./types";
|
|
|
|
const extraDaysConfig = {
|
|
desktop: 7,
|
|
tablet: 4,
|
|
};
|
|
|
|
const TroubleshooterComponent = ({ month }: TroubleshooterProps) => {
|
|
const isMobile = useMediaQuery("(max-width: 768px)");
|
|
const isTablet = useMediaQuery("(max-width: 1024px)");
|
|
const extraDays = isTablet ? extraDaysConfig.tablet : extraDaysConfig.desktop;
|
|
|
|
useInitalizeTroubleshooterStore({
|
|
month: month,
|
|
});
|
|
|
|
return (
|
|
<>
|
|
<div
|
|
className={classNames(
|
|
"text-default flex min-h-full w-full flex-col items-center overflow-clip",
|
|
isMobile
|
|
? "[--troublehooster-meta-width:0px]"
|
|
: "[--troublehooster-meta-width:250px] lg:[--troubleshooter-meta-width:430px]"
|
|
)}>
|
|
<div
|
|
style={{
|
|
display: "grid",
|
|
width: "100vw",
|
|
minHeight: "100vh",
|
|
height: "auto",
|
|
gridTemplateAreas: `
|
|
"meta header header"
|
|
"meta main main"
|
|
`,
|
|
gridTemplateColumns: "var(--troubleshooter-meta-width) 1fr",
|
|
gridTemplateRows: "70px auto",
|
|
}}
|
|
className={classNames(
|
|
"bg-default dark:bg-muted text-default flex min-h-full w-full flex-col items-center sm:transition-[width] sm:duration-300"
|
|
)}>
|
|
<div className="bg-default dark:bg-muted sticky top-0 z-10 [grid-area:header]">
|
|
<TroubleshooterHeader extraDays={extraDays} isMobile={isMobile} />
|
|
</div>
|
|
<div className="sticky top-0 z-10 ps-6">
|
|
<TroubleshooterSidebar />
|
|
</div>
|
|
|
|
<div className="ml[-1px] border-subtle sticky top-0 [grid-area:main]">
|
|
<LargeCalendar extraDays={extraDays} />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</>
|
|
);
|
|
};
|
|
|
|
export const Troubleshooter = ({ month }: TroubleshooterProps) => {
|
|
return (
|
|
<BookerStoreProvider>
|
|
<TroubleshooterComponent month={month} />
|
|
</BookerStoreProvider>
|
|
);
|
|
};
|