lvl0/incr
lvl0/incr
1
0
Fork 0
Code Issues 1 Pull requests Projects Releases 3 Packages Wiki Activity Actions

Compare commits

base: lvl0:main
Branches Tags
lvl0:main
lvl0:feature/onboarding
lvl0:v0.2.0
lvl0:v0.1.15
lvl0:v0.1.14
lvl0:v0.1.13
lvl0:v0.1.12
lvl0:v0.1.11
lvl0:v0.1.10
lvl0:v0.1.9
lvl0:v0.1.8
lvl0:v0.1.7
lvl0:v0.1.6
lvl0:v0.1.5
lvl0:v0.1.4
lvl0:v0.1.3
lvl0:v0.1.2
lvl0:v0.1.1
lvl0:v0.1.0
..
compare: lvl0:feature/onboarding
Branches Tags
lvl0:main
lvl0:feature/onboarding
lvl0:v0.2.0
lvl0:v0.1.15
lvl0:v0.1.14
lvl0:v0.1.13
lvl0:v0.1.12
lvl0:v0.1.11
lvl0:v0.1.10
lvl0:v0.1.9
lvl0:v0.1.8
lvl0:v0.1.7
lvl0:v0.1.6
lvl0:v0.1.5
lvl0:v0.1.4
lvl0:v0.1.3
lvl0:v0.1.2
lvl0:v0.1.1
lvl0:v0.1.0

No commits in common. "main" and "feature/onboarding" have entirely different histories.
main ... feature/on

2 changed files with 5 additions and 59 deletions
Show stats Expand all files Collapse all files

57
resources/js/components/ui/TerminalSpinner.tsx
View file

@ -1,57 +0,0 @@
import { useEffect, useState } from 'react';
interface TerminalSpinnerProps {
text?: string;
size?: 'sm' | 'md' | 'lg';
fullScreen?: boolean;
}
export default function TerminalSpinner({
text = 'LOADING',
size = 'md',
fullScreen = false
}: TerminalSpinnerProps) {
const [dots, setDots] = useState(0);
useEffect(() => {
const interval = setInterval(() => {
setDots(prev => (prev + 1) % 4);
}, 500);
return () => clearInterval(interval);
}, []);
const getDots = () => {
switch (dots) {
case 0: return ' ';
case 1: return '. ';
case 2: return '.. ';
case 3: return '...';
default: return ' ';
}
};
const sizeClasses = {
sm: 'text-sm',
md: 'text-lg',
lg: 'text-xl'
};
const spinner = (
<div className="border border-red-500/30 bg-black p-6">
<span className={`text-red-500 font-mono ${sizeClasses[size]} uppercase tracking-wider`}>
[SYSTEM] {text}<span className="inline-block w-8">{getDots()}</span>
</span>
</div>
);
if (fullScreen) {
return (
<div className="min-h-screen bg-black flex items-center justify-center">
{spinner}
</div>
);
}
return spinner;
}

7
resources/js/pages/dashboard.tsx
View file

@ -3,7 +3,6 @@ import InlineForm from '@/components/Display/InlineForm';
import ProgressBar from '@/components/Display/ProgressBar'; import ProgressBar from '@/components/Display/ProgressBar';
import StatsBox from '@/components/Display/StatsBox'; import StatsBox from '@/components/Display/StatsBox';
import OnboardingFlow from '@/components/Onboarding/OnboardingFlow'; import OnboardingFlow from '@/components/Onboarding/OnboardingFlow';
import TerminalSpinner from '@/components/ui/TerminalSpinner';
import { Head } from '@inertiajs/react'; import { Head } from '@inertiajs/react';
import { useEffect, useState } from 'react'; import { useEffect, useState } from 'react';
@ -187,7 +186,11 @@ export default function Dashboard() {
return ( return (
<> <>
<Head title="Dashboard" /> <Head title="Dashboard" />
<TerminalSpinner fullScreen /> <div className="min-h-screen bg-black flex items-center justify-center">
<div className="text-red-500 font-mono text-lg animate-pulse">
LOADING...
</div>
</div>
</> </>
); );
} }