diff --git a/src/website/components/home/Team.tsx b/src/website/components/home/Team.tsx index dceb047..b1190cd 100644 --- a/src/website/components/home/Team.tsx +++ b/src/website/components/home/Team.tsx @@ -1,4 +1,4 @@ -import { useRef } from 'react'; +import { useRef, useState } from 'react'; import { Boxes } from 'lucide-react'; import { Text, text } from '@site/src/website/components/shared/i18n'; import { useScroll } from '../../hooks/useScroll'; @@ -6,19 +6,15 @@ import { Person } from '../shared/Person'; export const Team = () => { const ref = useRef(null); - const supportRef = useRef(null); + const [show, setShow] = useState(false); - useScroll(ref, (isVisible, target) => { - target.className = isVisible ? 'content show' : 'content'; - }); - - useScroll(supportRef, (isVisible, target) => { - target.className = isVisible ? 'content show' : 'content'; + useScroll(ref, (isVisible) => { + if (isVisible) setShow(true); }); return (
-
+

@@ -89,16 +85,6 @@ export const Team = () => { instagram: 'micaele_magalhaes', }} /> - -
-
-

- -

- - - -
.content { gap: 5rem; opacity: 0;