4466ba436b
## Description This PR ensures that the default prettier config is used for examples and templates. This config is compatible with `prettier@3` as well (upgrading prettier is bigger change that can be a future PR). ## Changes - Updated `.prettierrc.json` in root with `"trailingComma": "es5"` (will be needed upgrading to prettier@3) - Added `examples/.prettierrc.json` with default config (this will change every example) - Added `packages/create-next-app/templates/.prettierrc.json` with default config (this will change every template) ## Related - Fixes #54402 - Closes #54409
53 lines
1.1 KiB
TypeScript
53 lines
1.1 KiB
TypeScript
import { CSSTransition } from "react-transition-group";
|
|
import { gsap } from "gsap";
|
|
import Home from "../components/Home";
|
|
|
|
export default function HomePage() {
|
|
const onEnter = (node: any) => {
|
|
gsap.from(
|
|
[node.children[0].firstElementChild, node.children[0].lastElementChild],
|
|
0.6,
|
|
{
|
|
y: 30,
|
|
delay: 0.6,
|
|
ease: "power3.InOut",
|
|
opacity: 0,
|
|
stagger: {
|
|
amount: 0.6,
|
|
},
|
|
},
|
|
);
|
|
};
|
|
const onExit = (node: any) => {
|
|
gsap.to(
|
|
[node.children[0].firstElementChild, node.children[0].lastElementChild],
|
|
0.6,
|
|
{
|
|
y: -30,
|
|
ease: "power3.InOut",
|
|
stagger: {
|
|
amount: 0.2,
|
|
},
|
|
},
|
|
);
|
|
};
|
|
|
|
return (
|
|
<>
|
|
<div className="container">
|
|
<CSSTransition
|
|
in={true}
|
|
timeout={1200}
|
|
classNames="page"
|
|
onExit={onExit}
|
|
onEntering={onEnter}
|
|
unmountOnExit
|
|
>
|
|
<div className="page">
|
|
<Home />
|
|
</div>
|
|
</CSSTransition>
|
|
</div>
|
|
</>
|
|
);
|
|
}
|