docs(nxdev): faster animation appearance (#7812)

nrwl · Nov 19, 2021 · 3547e7d · 3547e7d · vercel · Nov 19, 2021
1 parent 6efffb6
commit 3547e7d
Show file tree

Hide file tree

Showing 13 changed files with 13 additions and 13 deletions.
diff --git a/nx-dev/ui-home/src/lib/affected-command.tsx b/nx-dev/ui-home/src/lib/affected-command.tsx
@@ -26,7 +26,7 @@ export function AffectedCommand(): ReactComponentElement<any> {
     },
   };
   const controls = useAnimation();
-  const [ref, inView] = useInView({ threshold: 0.5, triggerOnce: true });
+  const [ref, inView] = useInView({ triggerOnce: true });
 
   useEffect(() => {
     if (!inView) return;

diff --git a/nx-dev/ui-home/src/lib/cloud-support.tsx b/nx-dev/ui-home/src/lib/cloud-support.tsx
@@ -26,7 +26,7 @@ export function CloudSupport(): ReactComponentElement<any> {
     },
   };
   const controls = useAnimation();
-  const [ref, inView] = useInView({ threshold: 0.5, triggerOnce: true });
+  const [ref, inView] = useInView({ triggerOnce: true });
 
   useEffect(() => {
     if (!inView) return;

diff --git a/nx-dev/ui-home/src/lib/dependency-graph.tsx b/nx-dev/ui-home/src/lib/dependency-graph.tsx
@@ -25,7 +25,7 @@ export function DependencyGraph(): ReactComponentElement<any> {
     },
   };
   const controls = useAnimation();
-  const [ref, inView] = useInView({ threshold: 0.5, triggerOnce: true });
+  const [ref, inView] = useInView({ triggerOnce: true });
 
   useEffect(() => {
     if (!inView) return;

diff --git a/nx-dev/ui-home/src/lib/ecosystem-features.tsx b/nx-dev/ui-home/src/lib/ecosystem-features.tsx
@@ -169,7 +169,7 @@ export function EcosystemFeatures(): ReactComponentElement<any> {
     },
   };
   const controls = useAnimation();
-  const [ref, inView] = useInView({ threshold: 0.5, triggerOnce: true });
+  const [ref, inView] = useInView({ triggerOnce: true });
 
   useEffect(() => {
     if (!inView) return;

diff --git a/nx-dev/ui-home/src/lib/egghead-courses.tsx b/nx-dev/ui-home/src/lib/egghead-courses.tsx
@@ -5,7 +5,7 @@ import { useInView } from 'react-intersection-observer';
 
 export function EggheadCourses(): ReactComponentElement<any> {
   const controls = useAnimation();
-  const [ref, inView] = useInView({ threshold: 0.5, triggerOnce: true });
+  const [ref, inView] = useInView({ triggerOnce: true });
 
   useEffect(() => {
     if (!inView) return;

diff --git a/nx-dev/ui-home/src/lib/experience-features.tsx b/nx-dev/ui-home/src/lib/experience-features.tsx
@@ -164,7 +164,7 @@ export function ExperienceFeatures(): ReactComponentElement<any> {
     },
   };
   const controls = useAnimation();
-  const [ref, inView] = useInView({ threshold: 0.5, triggerOnce: true });
+  const [ref, inView] = useInView({ triggerOnce: true });
 
   useEffect(() => {
     if (!inView) return;

diff --git a/nx-dev/ui-home/src/lib/monorepo-features.tsx b/nx-dev/ui-home/src/lib/monorepo-features.tsx
@@ -170,7 +170,7 @@ export function MonorepoFeatures(): ReactComponentElement<any> {
     },
   };
   const controls = useAnimation();
-  const [ref, inView] = useInView({ threshold: 0.5, triggerOnce: true });
+  const [ref, inView] = useInView({ triggerOnce: true });
 
   useEffect(() => {
     if (!inView) return;

diff --git a/nx-dev/ui-home/src/lib/nx-playbook.tsx b/nx-dev/ui-home/src/lib/nx-playbook.tsx
@@ -5,7 +5,7 @@ import { useInView } from 'react-intersection-observer';
 
 export function NxPlaybook(): ReactComponentElement<any> {
   const controls = useAnimation();
-  const [ref, inView] = useInView({ threshold: 0.5, triggerOnce: true });
+  const [ref, inView] = useInView({ triggerOnce: true });
 
   useEffect(() => {
     if (!inView) return;

diff --git a/nx-dev/ui-home/src/lib/open-platform.tsx b/nx-dev/ui-home/src/lib/open-platform.tsx
@@ -74,7 +74,7 @@ export function OpenPlatform(): ReactComponentElement<any> {
     },
   };
   const controls = useAnimation();
-  const [ref, inView] = useInView({ threshold: 0.5, triggerOnce: true });
+  const [ref, inView] = useInView({ triggerOnce: true });
 
   useEffect(() => {
     if (!inView) return;

diff --git a/nx-dev/ui-home/src/lib/open-source-projects.tsx b/nx-dev/ui-home/src/lib/open-source-projects.tsx
@@ -237,7 +237,7 @@ export function OpenSourceProjects(): ReactComponentElement<any> {
     }),
   };
   const controls = useAnimation();
-  const [ref, inView] = useInView({ threshold: 0.5, triggerOnce: true });
+  const [ref, inView] = useInView({ triggerOnce: true });
 
   useEffect(() => {
     if (!inView) return;

diff --git a/nx-dev/ui-home/src/lib/performance.tsx b/nx-dev/ui-home/src/lib/performance.tsx
@@ -54,7 +54,7 @@ export function Performance(): ReactComponentElement<any> {
     },
   };
   const controls = useAnimation();
-  const [ref, inView] = useInView({ threshold: 0.5, triggerOnce: true });
+  const [ref, inView] = useInView({ triggerOnce: true });
 
   useEffect(() => {
     if (!inView) return;

diff --git a/nx-dev/ui-home/src/lib/vscode-plugin.tsx b/nx-dev/ui-home/src/lib/vscode-plugin.tsx
@@ -26,7 +26,7 @@ export function VscodePlugin(): ReactComponentElement<any> {
     },
   };
   const controls = useAnimation();
-  const [ref, inView] = useInView({ threshold: 0.5, triggerOnce: true });
+  const [ref, inView] = useInView({ triggerOnce: true });
 
   useEffect(() => {
     if (!inView) return;

diff --git a/nx-dev/ui-home/src/lib/youtube-channel.tsx b/nx-dev/ui-home/src/lib/youtube-channel.tsx
@@ -5,7 +5,7 @@ import { useInView } from 'react-intersection-observer';
 
 export function YoutubeChannel(): ReactComponentElement<any> {
   const controls = useAnimation();
-  const [ref, inView] = useInView({ threshold: 0.5, triggerOnce: true });
+  const [ref, inView] = useInView({ triggerOnce: true });
 
   useEffect(() => {
     if (!inView) return;