null/BillTracker
null
/
BillTracker
1
0
Fork 0
Code Issues 4 Pull Requests Packages Projects Releases 1 Wiki Activity

refactor(ts): convert OnboardingWizard to TSX (B16b) 

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
null 2026-07-04 20:45:53 -05:00
parent 7f4ef20b7c
commit ea531f06c7
1 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
client/components/admin/OnboardingWizard.jsx → client/components/admin/OnboardingWizard.tsx
View File

@ -1,13 +1,14 @@
import React, { useState } from 'react'; import { useState } from 'react';
import { ChevronLeft, ChevronRight } from 'lucide-react'; import { ChevronLeft, ChevronRight } from 'lucide-react';
import { toast } from 'sonner'; import { toast } from 'sonner';
import { api } from '@/api'; import { api } from '@/api';
import { errMessage } from '@/lib/utils';
import { Button } from '@/components/ui/button'; import { Button } from '@/components/ui/button';
import { Input } from '@/components/ui/input'; import { Input } from '@/components/ui/input';
import { Label } from '@/components/ui/label'; import { Label } from '@/components/ui/label';
import { Card, CardHeader, CardTitle, CardContent } from '@/components/ui/card'; import { Card, CardHeader, CardTitle, CardContent } from '@/components/ui/card';
export default function OnboardingWizard({ onComplete }) { export default function OnboardingWizard({ onComplete }: { onComplete: () => void }) {
const [step, setStep] = useState(0); const [step, setStep] = useState(0);
const [username, setUsername] = useState(''); const [username, setUsername] = useState('');
const [password, setPassword] = useState(''); const [password, setPassword] = useState('');
@ -15,7 +16,7 @@ export default function OnboardingWizard({ onComplete }) {
const [loading, setLoading] = useState(false); const [loading, setLoading] = useState(false);
const [error, setError] = useState(''); const [error, setError] = useState('');
const handleCreate = async (e) => { const handleCreate = async (e: React.FormEvent) => {
e.preventDefault(); e.preventDefault();
setError(''); setError('');
@ -38,7 +39,7 @@ export default function OnboardingWizard({ onComplete }) {
toast.success('User created successfully.'); toast.success('User created successfully.');
onComplete(); onComplete();
} catch (err) { } catch (err) {
const errorMessage = err.message || 'Failed to create user.'; const errorMessage = errMessage(err, 'Failed to create user.');
setError(errorMessage); setError(errorMessage);
toast.error(errorMessage); toast.error(errorMessage);
} finally { } finally {