@@ -5,80 +5,69 @@ import styles from './criacaoPersonagem.module.css'
5
5
import Image from 'next/image'
6
6
7
7
export default function CriacaoPersonagem ( ) {
8
- const [ nome , setNome ] = useState ( '' )
9
- const [ classe , setClasse ] = useState ( '' )
10
- const [ raca , setRaca ] = useState ( '' )
11
- const [ mensagem , setMensagem ] = useState ( '' )
8
+ const [ nome , setNome ] = useState ( '' )
9
+ const [ classe , setClasse ] = useState ( '' )
10
+ const [ raca , setRaca ] = useState ( '' )
11
+ const [ mensagem , setMensagem ] = useState ( '' )
12
12
13
- const handleSubmit = ( e : React . FormEvent ) => {
14
- e . preventDefault ( )
15
- setMensagem ( `Personagem ${ nome } criado com sucesso!` )
16
- }
13
+ const handleSubmit = ( e : React . FormEvent ) => {
14
+ e . preventDefault ( )
15
+ setMensagem ( `Personagem ${ nome } criado com sucesso!` )
16
+ }
17
17
18
- return (
19
- < div className = { styles . container } >
20
- < h1 className = { styles . titulo } > Seu Personagem</ h1 >
21
-
22
- < form onSubmit = { handleSubmit } className = { styles . formulario } >
23
- < div className = { styles . grupoInput } >
24
- < label > Nome do Personagem</ label >
25
- < input
26
- type = "text"
27
- value = { nome }
28
- onChange = { ( e ) => setNome ( e . target . value ) }
29
- placeholder = "Digite o nome do personagem"
30
- />
31
- </ div >
18
+ return (
19
+ < div className = { styles . container } >
20
+ < h1 className = { styles . titulo } > Seu Personagem</ h1 >
32
21
33
- < div className = { styles . grupoInput } >
34
- < label > Bibliografia:</ label >
35
- < input
36
- type = "text"
37
- value = { classe }
38
- onChange = { ( e ) => setClasse ( e . target . value ) }
39
- placeholder = "Digite a classe (ex: Guerreiro)"
40
- />
41
- </ div >
22
+ < form onSubmit = { handleSubmit } className = { styles . formulario } >
23
+ < div className = { styles . grupoInput } >
24
+ < label > Nome do Personagem</ label >
25
+ < input
26
+ type = 'text'
27
+ value = { nome }
28
+ onChange = { ( e ) => setNome ( e . target . value ) }
29
+ placeholder = 'Digite o nome do personagem'
30
+ />
31
+ </ div >
42
32
43
- < div className = { styles . grupoInput } >
44
- < label > Preview da Ficha :</ label >
45
- < input
46
- type = " text"
47
- value = { raca }
48
- onChange = { ( e ) => setRaca ( e . target . value ) }
49
- placeholder = " Digite a raça (ex: Elfo)"
50
- />
51
- </ div >
33
+ < div className = { styles . grupoInput } >
34
+ < label > Bibliografia :</ label >
35
+ < input
36
+ type = ' text'
37
+ value = { classe }
38
+ onChange = { ( e ) => setClasse ( e . target . value ) }
39
+ placeholder = ' Digite a classe (ex: Guerreiro)'
40
+ />
41
+ </ div >
52
42
53
- < div className = { styles . grupoImagem } >
54
- < label > Imagem:</ label >
55
- < Image
56
- src = "/images/mclovin.png"
57
- alt = "Imagem do personagem"
58
- width = { 120 }
59
- height = { 120 }
60
- />
61
- </ div >
62
- < div className = { styles . logoContainer } >
63
- < Image
64
- src = "/images/logo-easycrit-rounded.png"
65
- alt = "Logo EasyCrit"
66
- width = { 100 }
67
- height = { 100 }
68
- />
69
- </ div >
43
+ < div className = { styles . grupoInput } >
44
+ < label > Preview da Ficha:</ label >
45
+ < input
46
+ type = 'text'
47
+ value = { raca }
48
+ onChange = { ( e ) => setRaca ( e . target . value ) }
49
+ placeholder = 'Digite a raça (ex: Elfo)'
50
+ />
51
+ </ div >
70
52
71
- < button type = "submit" className = { styles . botaoCriar } >
72
- confirmar
73
- </ button >
53
+ < div className = { styles . grupoImagem } >
54
+ < label > Imagem:</ label >
55
+ < Image src = '/images/mclovin.png' alt = 'Imagem do personagem' width = { 120 } height = { 120 } />
56
+ </ div >
57
+ < div className = { styles . logoContainer } >
58
+ < Image src = '/images/logo-easycrit-rounded.png' alt = 'Logo EasyCrit' width = { 100 } height = { 100 } />
59
+ </ div >
74
60
75
- < button type = "submit" className = { styles . botaoCriar } >
76
- Excluir
77
- </ button >
78
- </ form >
61
+ < button type = 'submit' className = { styles . botaoCriar } >
62
+ confirmar
63
+ </ button >
79
64
80
- { mensagem && < p className = { styles . mensagem } > { mensagem } </ p > }
81
- </ div >
82
-
83
- )
84
- }
65
+ < button type = 'submit' className = { styles . botaoCriar } >
66
+ Excluir
67
+ </ button >
68
+ </ form >
69
+
70
+ { mensagem && < p className = { styles . mensagem } > { mensagem } </ p > }
71
+ </ div >
72
+ )
73
+ }
0 commit comments