From 93666a8d22f2ce1cafa0a0ad475600693d36f1c4 Mon Sep 17 00:00:00 2001
From: Maximilian Leo Huber <maximilian.huber@uni-bielefeld.de>
Date: Mon, 16 Sep 2024 05:47:34 +0000
Subject: [PATCH] fixed fade
---
src/contents/Home.tsx | 5 +++--
1 file changed, 3 insertions(+), 2 deletions(-)
diff --git a/src/contents/Home.tsx b/src/contents/Home.tsx
index 6c0e5a6c..03e7fe2a 100644
--- a/src/contents/Home.tsx
+++ b/src/contents/Home.tsx
@@ -1,11 +1,12 @@
import React, { useEffect, useRef } from "react";
export function Home() {
- {/* debug */}
- const [ isVisible ] = React.useState();
+ const [isVisible, setVisible] = React.useState(false);
const domRef = useRef(null)!;
useEffect(() => {
const observer = new IntersectionObserver(entries => {
+ entries.forEach(entry => setVisible(entry.isIntersecting));
+ {/* debug */}
entries.forEach(entry => console.log(entry.isIntersecting));
});
observer.observe(domRef.current!);
--
GitLab