mirror of
https://github.com/hanzoai/next.js.git
synced 2026-09-24 17:00:51 +00:00
StevenandGitHub
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
39 lines
804 B
TypeScript
39 lines
804 B
TypeScript
import { useEffect, useRef } from "react";
|
|
import { gsap } from "gsap";
|
|
|
|
type TitleProps = {
|
|
lineContent: string;
|
|
lineContent2: string;
|
|
};
|
|
|
|
export default function Title({ lineContent, lineContent2 }: TitleProps) {
|
|
let line1 = useRef(null);
|
|
let line2 = useRef(null);
|
|
|
|
useEffect(() => {
|
|
gsap.from([line1.current, line2.current], 0.8, {
|
|
delay: 0.8,
|
|
ease: "power3.out",
|
|
y: 64,
|
|
stagger: {
|
|
amount: 0.15,
|
|
},
|
|
});
|
|
}, [line1, line2]);
|
|
|
|
return (
|
|
<h1 className="page-title">
|
|
<div className="line-wrap">
|
|
<div ref={line1} className="line">
|
|
{lineContent}
|
|
</div>
|
|
</div>
|
|
<div className="line-wrap">
|
|
<div ref={line2} className="line">
|
|
{lineContent2}
|
|
</div>
|
|
</div>
|
|
</h1>
|
|
);
|
|
}
|