diff --git a/client/pages/Labs.tsx b/client/pages/Labs.tsx index 4bacac2a..34aba137 100644 --- a/client/pages/Labs.tsx +++ b/client/pages/Labs.tsx @@ -13,9 +13,38 @@ import { ExternalLink, } from "lucide-react"; import { useNavigate } from "react-router-dom"; +import { useEffect, useState, useRef } from "react"; +import LoadingScreen from "@/components/LoadingScreen"; +import { aethexToast } from "@/lib/aethex-toast"; export default function Labs() { const navigate = useNavigate(); + const [isLoading, setIsLoading] = useState(true); + const toastShownRef = useRef(false); + + useEffect(() => { + const timer = setTimeout(() => { + setIsLoading(false); + if (!toastShownRef.current) { + aethexToast.system("Labs mainframe linked"); + toastShownRef.current = true; + } + }, 900); + + return () => clearTimeout(timer); + }, []); + + if (isLoading) { + return ( + + ); + } const projects = [ {