diff --git a/src/pages/CourseComplete.tsx b/src/pages/CourseComplete.tsx index aa50c25..6e4922a 100644 --- a/src/pages/CourseComplete.tsx +++ b/src/pages/CourseComplete.tsx @@ -101,6 +101,3 @@ export default CourseComplete - // - // - // \ No newline at end of file diff --git a/src/pages/Welcome.tsx b/src/pages/Welcome.tsx index 7f7f582..d20a872 100644 --- a/src/pages/Welcome.tsx +++ b/src/pages/Welcome.tsx @@ -2,7 +2,7 @@ import type React from "react" import { useEffect, useState } from "react" -// import { useIonRouter } from '@ionic/react'; +import { useIonRouter } from '@ionic/react'; const CourseComplete: React.FC = () => { @@ -25,15 +25,15 @@ const CourseComplete: React.FC = () => { - // const router = useIonRouter() + const router = useIonRouter() - // useEffect(() => { - // const timer = setTimeout(() => { - // router.push("/home", "forward") - // }, 3500) // Задержка 3 секунды + useEffect(() => { + const timer = setTimeout(() => { + router.push("/home", "forward") + }, 3500) // Задержка 3 секунды - // return () => clearTimeout(timer) - // }, [router]) + return () => clearTimeout(timer) + }, [router]) return ( @@ -45,16 +45,20 @@ const CourseComplete: React.FC = () => {
-
+ + + + +
{/* тело */}
= 1 ? "opacity-100 scale-100 top-[24%]" : "opacity-0 scale-0 top-[10%]"} `}> - - + +
{/* руки */} -
= 1 ? "opacity-100 scale-100 top-[14%]" : "opacity-0 scale-0 top-[7%]"} ${animationPhase >= 3 ? "opacity-100 rotate-20" : "opacity-100 rotate-0"}`} +
= 1 ? "opacity-100 scale-100 top-[16%]" : "opacity-0 scale-0 top-[20%]"} ${animationPhase >= 3 ? "opacity-100 rotate-20" : "opacity-100 rotate-0"}`} > @@ -62,7 +66,7 @@ const CourseComplete: React.FC = () => {
{/* нога 1 */} -
= 1 ? "opacity-100 scale-100 top-[34%] left-[37%]" : "opacity-0 scale-0 top-[15%] left-[47%]"} ${animationPhase >= 3 ? "top-[0%] right-[47%] " : "top-[15%] right-[47%] "}`}> +
= 1 ? "opacity-100 scale-100 top-[30%] left-[37%]" : "opacity-0 scale-0 top-[15%] left-[47%]"} ${animationPhase >= 3 ? "top-[0%] right-[47%] " : "top-[15%] right-[47%] "}`}> @@ -76,23 +80,23 @@ const CourseComplete: React.FC = () => {
{/* нога 2 */} -
= 1 ? "opacity-100 scale-100 top-[34%] right-[37%] " : "opacity-0 scale-0 top-[15%] right-[47%] "} `}> +
= 1 ? "opacity-100 scale-100 top-[30%] right-[38%] " : "opacity-0 scale-0 top-[15%] right-[47%] "} `}>
{/* голова */} -
= 1 ? "opacity-100 scale-100 top-[14%] left-[41%] " : "opacity-0 scale-0 top-[20%] right-[40%] "} `}> +
= 1 ? "opacity-100 scale-100 top-[16%] left-[41%] " : "opacity-0 scale-0 top-[20%] right-[40%] "} `}>
- + {/* мяч */} -
= 2 ? "opacity-100 scale-100 top-[14%] left-[22%] " : "opacity-0 scale-0 -top-[20%] right-[40%] "} ${animationPhase >= 3 ? "scale-[90%]" : "scale-100"} {/* ${animationPhase >= 4 ? "scale-[3000%]" : "scale-100"} */} +
= 2 ? "opacity-100 scale-100 top-[14%] left-[22%] " : "opacity-0 scale-0 -top-[20%] right-[40%] "} ${animationPhase >= 3 ? "scale-[90%]" : "scale-100"} ${animationPhase >= 4 ? "scale-[3000%]" : "scale-100"} ` } > @@ -137,3 +141,8 @@ const CourseComplete: React.FC = () => { } export default CourseComplete + + + // + // + // \ No newline at end of file