public-offering
/
cal.pub0.org
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

perf: Lazy load framer motion stuff as much as we can (#10876)

fix/yarn-lock^2
Hariom Balhara 2023-08-25 02:10:01 +05:30 committed by GitHub
parent e8370ef950
commit 8d73d15b8a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
packages/features/bookings/Booker/Booker.tsx
View File

@ -1,4 +1,4 @@
import { LazyMotion, domAnimation, m, AnimatePresence } from "framer-motion";
import { LazyMotion, m, AnimatePresence } from "framer-motion";
import dynamic from "next/dynamic";
import { useEffect, useRef } from "react";
import StickyBox from "react-sticky-box";
@ -26,6 +26,7 @@ import { validateLayout } from "./utils/layout";
import { getQueryParam } from "./utils/query-param";
import { useBrandColors } from "./utils/use-brand-colors";
const loadFramerFeatures = () => import("./framer-features").then((res) => res.default);
const PoweredBy = dynamic(() => import("@calcom/ee/components/PoweredBy"));
const UnpublishedEntity = dynamic(() => import("@calcom/ui").then((mod) => mod.UnpublishedEntity));
const DatePicker = dynamic(() => import("./components/DatePicker").then((mod) => mod.DatePicker), {
@ -319,7 +320,7 @@ export const Booker = (props: BookerProps) => {
if (props.isAway) return <Away />;
return (
<LazyMotion features={domAnimation}>
<LazyMotion strict features={loadFramerFeatures}>
<BookerComponent {...props} />
</LazyMotion>
);

3
packages/features/bookings/Booker/framer-features.tsx Normal file
View File

@ -0,0 +1,3 @@
import { domAnimation } from "framer-motion";
export default domAnimation;