AeThex-Corporation/aethex-forge
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

completionId: cgen-ea980cf848f74ff18b18d547a6c3dbe4

Browse source 
cgen-ea980cf848f74ff18b18d547a6c3dbe4
This commit is contained in:
Builder.io 2025-11-06 19:40:16 +00:00
parent d89067bb67
commit e770af2ed0
1 changed files with 3 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
client/components/LoadingScreen.tsx
View file

@ -7,6 +7,7 @@ interface LoadingScreenProps {
size?: "sm" | "md" | "lg"; size?: "sm" | "md" | "lg";
showProgress?: boolean; showProgress?: boolean;
duration?: number; duration?: number;
accentColor?: string;
} }
export default function LoadingScreen({ export default function LoadingScreen({
@ -15,6 +16,7 @@ export default function LoadingScreen({
size = "md", size = "md",
showProgress = false, showProgress = false,
duration = 3000, duration = 3000,
accentColor = "from-aethex-500 to-neon-blue",
}: LoadingScreenProps) { }: LoadingScreenProps) {
const [progress, setProgress] = useState(0); const [progress, setProgress] = useState(0);
const [currentMessage, setCurrentMessage] = useState(message); const [currentMessage, setCurrentMessage] = useState(message);
@ -117,7 +119,7 @@ export default function LoadingScreen({
<div className="space-y-2"> <div className="space-y-2">
<div className="w-full bg-muted rounded-full h-2 overflow-hidden"> <div className="w-full bg-muted rounded-full h-2 overflow-hidden">
<div <div
className="h-full bg-gradient-to-r from-aethex-500 to-neon-blue transition-all duration-300 ease-out" className={`h-full bg-gradient-to-r ${accentColor} transition-all duration-300 ease-out`}
style={{ width: `${progress}%` }} style={{ width: `${progress}%` }}
/> />
</div> </div>