Skip to content

Commit cfa38e0

Browse files
pedrohpsantospedrohpsantos
committed
chore: Clean up unused files and components in the dashboard and login sections
1 parent 7f5b035 commit cfa38e0

File tree

1 file changed

+161
-161
lines changed

1 file changed

+161
-161
lines changed

‎src/app/register/page.tsx

Lines changed: 161 additions & 161 deletions
Original file line numberDiff line numberDiff line change
@@ -1,174 +1,174 @@
1-
'use client';
1+
'use client'
22

3-
import { useState } from 'react';
4-
import { useRouter } from 'next/navigation';
5-
import Link from 'next/link';
6-
import styles from './register.module.css';
7-
import Image from 'next/image';
3+
import { useState } from 'react'
4+
import { useRouter } from 'next/navigation'
5+
import Link from 'next/link'
6+
import styles from './register.module.css'
7+
import Image from 'next/image'
88

99
export default function RegisterPage() {
10-
const [email, setEmail] = useState('');
11-
const [password, setPassword] = useState('');
12-
const [confirmPassword, setConfirmPassword] = useState('');
13-
const [username, setUsername] = useState('');
14-
const [role, setRole] = useState('master');
15-
const [error, setError] = useState('');
16-
const [loading, setLoading] = useState(false);
10+
const [email, setEmail] = useState('')
11+
const [password, setPassword] = useState('')
12+
const [confirmPassword, setConfirmPassword] = useState('')
13+
const [username, setUsername] = useState('')
14+
const [role, setRole] = useState('master')
15+
const [error, setError] = useState('')
16+
const [loading, setLoading] = useState(false)
1717

18-
const router = useRouter();
18+
const router = useRouter()
1919

20-
const handleSubmit = async (event: React.FormEvent) => {
21-
event.preventDefault();
22-
setError('');
23-
setLoading(true);
20+
const handleSubmit = async (event: React.FormEvent) => {
21+
event.preventDefault()
22+
setError('')
23+
setLoading(true)
2424

25-
if (password !== confirmPassword) {
26-
setError('As senhas não coincidem.');
27-
setLoading(false);
28-
return;
29-
}
25+
if (password !== confirmPassword) {
26+
setError('As senhas não coincidem.')
27+
setLoading(false)
28+
return
29+
}
3030

31-
try {
32-
const response = await fetch('http://localhost:8001/users/', {
33-
method: 'POST',
34-
headers: {
35-
'Content-Type': 'application/json',
36-
},
37-
body: JSON.stringify({
38-
email: email,
39-
password: password,
40-
username: username,
41-
role: role,
42-
}),
43-
});
31+
try {
32+
const response = await fetch('http://localhost:8001/users/', {
33+
method: 'POST',
34+
headers: {
35+
'Content-Type': 'application/json',
36+
},
37+
body: JSON.stringify({
38+
email: email,
39+
password: password,
40+
username: username,
41+
role: role,
42+
}),
43+
})
4444

45-
if (!response.ok) {
46-
const errorData = await response.json();
47-
setError(errorData.detail || 'Erro ao cadastrar usuário.');
48-
} else {
49-
const userData = await response.json();
50-
console.log('Usuário cadastrado com sucesso:', userData);
51-
router.push('/login');
52-
}
53-
} catch (err) {
54-
console.error('Erro na requisição:', err);
55-
setError('Ocorreu um erro ao tentar conectar com o servidor.');
56-
} finally {
57-
setLoading(false);
58-
}
59-
};
45+
if (!response.ok) {
46+
const errorData = await response.json()
47+
setError(errorData.detail || 'Erro ao cadastrar usuário.')
48+
} else {
49+
const userData = await response.json()
50+
console.log('Usuário cadastrado com sucesso:', userData)
51+
router.push('/login')
52+
}
53+
} catch (err) {
54+
console.error('Erro na requisição:', err)
55+
setError('Ocorreu um erro ao tentar conectar com o servidor.')
56+
} finally {
57+
setLoading(false)
58+
}
59+
}
6060

61-
return (
62-
<div className={styles.pageContainer}>
63-
<header className={styles.header}>
64-
<h1 className={styles.headerTitle}>EASYCRIT</h1>
65-
</header>
66-
<div className={styles.mainContainer}>
67-
<div className={styles.blackContainer}>
68-
<div className={styles.formWrapper}>
69-
<h2 className={styles.greeting}>Crie sua conta</h2>
70-
<form onSubmit={handleSubmit}>
71-
<div className={styles.inputGroup}>
72-
<label htmlFor='username'>Nome de Usuário</label>
73-
<input
74-
type='text'
75-
id='username'
76-
className={styles.inputField}
77-
placeholder='Seu nome de usuário'
78-
value={username}
79-
onChange={(e) => setUsername(e.target.value)}
80-
required
81-
/>
82-
</div>
83-
<div className={styles.inputGroup}>
84-
<label htmlFor='email'>Email</label>
85-
<input
86-
type='email'
87-
id='email'
88-
className={styles.inputField}
89-
placeholder='Seu email'
90-
value={email}
91-
onChange={(e) => setEmail(e.target.value)}
92-
required
93-
/>
94-
</div>
95-
<div className={styles.inputGroup}>
96-
<label htmlFor='password'>Senha</label>
97-
<input
98-
type='password'
99-
id='password'
100-
className={styles.inputField}
101-
placeholder='••••••••'
102-
value={password}
103-
onChange={(e) => setPassword(e.target.value)}
104-
required
105-
/>
106-
</div>
107-
<div className={styles.inputGroup}>
108-
<label htmlFor='confirm-password'>Confirmar Senha</label>
109-
<input
110-
type='password'
111-
id='confirm-password'
112-
className={styles.inputField}
113-
placeholder='••••••••'
114-
value={confirmPassword}
115-
onChange={(e) => setConfirmPassword(e.target.value)}
116-
required
117-
/>
118-
</div>
61+
return (
62+
<div className={styles.pageContainer}>
63+
<header className={styles.header}>
64+
<h1 className={styles.headerTitle}>EASYCRIT</h1>
65+
</header>
66+
<div className={styles.mainContainer}>
67+
<div className={styles.blackContainer}>
68+
<div className={styles.formWrapper}>
69+
<h2 className={styles.greeting}>Crie sua conta</h2>
70+
<form onSubmit={handleSubmit}>
71+
<div className={styles.inputGroup}>
72+
<label htmlFor='username'>Nome de Usuário</label>
73+
<input
74+
type='text'
75+
id='username'
76+
className={styles.inputField}
77+
placeholder='Seu nome de usuário'
78+
value={username}
79+
onChange={(e) => setUsername(e.target.value)}
80+
required
81+
/>
82+
</div>
83+
<div className={styles.inputGroup}>
84+
<label htmlFor='email'>Email</label>
85+
<input
86+
type='email'
87+
id='email'
88+
className={styles.inputField}
89+
placeholder='Seu email'
90+
value={email}
91+
onChange={(e) => setEmail(e.target.value)}
92+
required
93+
/>
94+
</div>
95+
<div className={styles.inputGroup}>
96+
<label htmlFor='password'>Senha</label>
97+
<input
98+
type='password'
99+
id='password'
100+
className={styles.inputField}
101+
placeholder='••••••••'
102+
value={password}
103+
onChange={(e) => setPassword(e.target.value)}
104+
required
105+
/>
106+
</div>
107+
<div className={styles.inputGroup}>
108+
<label htmlFor='confirm-password'>Confirmar Senha</label>
109+
<input
110+
type='password'
111+
id='confirm-password'
112+
className={styles.inputField}
113+
placeholder='••••••••'
114+
value={confirmPassword}
115+
onChange={(e) => setConfirmPassword(e.target.value)}
116+
required
117+
/>
118+
</div>
119119

120-
<div className={styles.adventureChoice}>
121-
<div className={styles.chooseAdventure}>Escolha sua aventura</div>
122-
<div className={styles.roles}>
123-
<label className={styles.roleOption}>
124-
<input
125-
type='radio'
126-
name='role'
127-
value='master'
128-
className={styles.radioInput}
129-
checked={role === 'master'}
130-
onChange={() => setRole('master')}
131-
/>
132-
<Image
133-
src='/mestre-icon.svg'
134-
alt='Dungeon Master'
135-
width={40}
136-
height={40}
137-
className={styles.roleImage}
138-
/>
139-
<span className={styles.roleLabel}>Mestre</span>
140-
</label>
141-
<label className={styles.roleOption}>
142-
<input
143-
type='radio'
144-
name='role'
145-
value='player'
146-
className={styles.radioInput}
147-
checked={role === 'player'}
148-
onChange={() => setRole('player')}
149-
/>
150-
<Image src='/jogador-icon.svg' alt='Player' width={40} height={40} className={styles.roleImage} />
151-
<span className={styles.roleLabel}>Jogador</span>
152-
</label>
153-
</div>
154-
</div>
120+
<div className={styles.adventureChoice}>
121+
<div className={styles.chooseAdventure}>Escolha sua aventura</div>
122+
<div className={styles.roles}>
123+
<label className={styles.roleOption}>
124+
<input
125+
type='radio'
126+
name='role'
127+
value='master'
128+
className={styles.radioInput}
129+
checked={role === 'master'}
130+
onChange={() => setRole('master')}
131+
/>
132+
<Image
133+
src='/mestre-icon.svg'
134+
alt='Dungeon Master'
135+
width={40}
136+
height={40}
137+
className={styles.roleImage}
138+
/>
139+
<span className={styles.roleLabel}>Mestre</span>
140+
</label>
141+
<label className={styles.roleOption}>
142+
<input
143+
type='radio'
144+
name='role'
145+
value='player'
146+
className={styles.radioInput}
147+
checked={role === 'player'}
148+
onChange={() => setRole('player')}
149+
/>
150+
<Image src='/jogador-icon.svg' alt='Player' width={40} height={40} className={styles.roleImage} />
151+
<span className={styles.roleLabel}>Jogador</span>
152+
</label>
153+
</div>
154+
</div>
155155

156-
{/* Exibe mensagem de erro, se houver */}
157-
{error && <p style={{ color: 'red', textAlign: 'center', marginTop: '1rem' }}>{error}</p>}
156+
{/* Exibe mensagem de erro, se houver */}
157+
{error && <p style={{ color: 'red', textAlign: 'center', marginTop: '1rem' }}>{error}</p>}
158158

159-
{/* Botão de envio, desabilitado durante o carregamento */}
160-
<button type='submit' className={styles.submitButton} disabled={loading}>
161-
{loading ? 'CADASTRANDO...' : 'CADASTRAR-SE'}
162-
</button>
159+
{/* Botão de envio, desabilitado durante o carregamento */}
160+
<button type='submit' className={styles.submitButton} disabled={loading}>
161+
{loading ? 'CADASTRANDO...' : 'CADASTRAR-SE'}
162+
</button>
163163

164-
{/* Link para a página de login */}
165-
<p className={styles.AccountNew}>
166-
<Link href='/login'>Já tem uma conta?</Link>
167-
</p>
168-
</form>
169-
</div>
170-
</div>
171-
</div>
172-
</div>
173-
);
174-
}
164+
{/* Link para a página de login */}
165+
<p className={styles.AccountNew}>
166+
<Link href='/login'>Já tem uma conta?</Link>
167+
</p>
168+
</form>
169+
</div>
170+
</div>
171+
</div>
172+
</div>
173+
)
174+
}

0 commit comments

Comments
 (0)