diff --git a/src/components/pages/Profile.js b/src/components/pages/Profile.js index af9a8b93f731426c917d8e68ff3b94c262cc4649..4fcb72a652b40be0587c1ca2280c0fb253106b17 100644 --- a/src/components/pages/Profile.js +++ b/src/components/pages/Profile.js @@ -1,5 +1,5 @@ import React, { Component } from 'react'; -import { Container, Segment, Form, Dropdown, Divider, Header } from 'semantic-ui-react'; +import { Container, Form, Dropdown, Divider } from 'semantic-ui-react'; import { connect } from 'react-redux'; import { textChange, submitRegistration, groupChange } from '../../actions'; @@ -29,75 +29,84 @@ class Profile extends Component { marginTop: '0.5em', }} > - <Divider horizontal> - <Header as='h2' content='Profil (JelentkezĂŠs)' /> - </Divider> - <Segment textAlign='center'> - <Form> - <Divider horizontal>BecenĂŠv</Divider> - <Form.Input - fluid - name='nick' - onChange={e => this.props.textChange(e)} - placeholder='BecenĂŠv' - value={nick} - /> + <Form> + <Form.Input + fluid + name='nick' + label='BecenĂŠv' + onChange={e => this.props.textChange(e)} + placeholder='BecenĂŠv' + value={nick} + /> - <Divider horizontal>MotivĂĄciĂł</Divider> - <Form.TextArea - rows={10} - name='motivationAbout' - onChange={e => this.props.textChange(e)} - placeholder='MesĂŠlj nekĂźnk egy kicsit magadrĂłl. Milyen szakmai vagy mĂĄs eredmĂŠnyeket ĂŠrtĂŠl el, amikre bĂźszke vagy?' - value={motivationAbout} - /> + <Divider horizontal>MotivĂĄciĂł</Divider> + <Form.TextArea + rows={10} + name='motivationAbout' + label='MesĂŠlj nekĂźnk egy kicsit magadrĂłl. Milyen szakmai vagy mĂĄs eredmĂŠnyeket ĂŠrtĂŠl el, amikre bĂźszke vagy?' + onChange={e => this.props.textChange(e)} + placeholder='MesĂŠlj nekĂźnk egy kicsit magadrĂłl. Milyen szakmai vagy mĂĄs eredmĂŠnyeket ĂŠrtĂŠl el, amikre bĂźszke vagy?' + value={motivationAbout} + /> - <Divider horizontal /> - <Form.TextArea - rows={10} - name='motivationProfession' - onChange={e => this.props.textChange(e)} - placeholder='Mit vĂĄrsz el a kĂŠpzĂŠstĂľl, miĂŠrt szeretnĂŠl rĂĄ jelentkezni, szerinted mire tudod majd hasznĂĄlni az itt megszerzett tudĂĄst? Mit szeretnĂŠl elĂŠrni a szakmĂĄdban?' - value={motivationProfession} - /> + <Divider horizontal /> + <Form.TextArea + rows={10} + label='Mit vĂĄrsz el a kĂŠpzĂŠstĂľl, miĂŠrt szeretnĂŠl rĂĄ jelentkezni, szerinted mire tudod majd hasznĂĄlni az itt megszerzett tudĂĄst? Mit szeretnĂŠl elĂŠrni a szakmĂĄdban?' + name='motivationProfession' + onChange={e => this.props.textChange(e)} + placeholder='Mit vĂĄrsz el a kĂŠpzĂŠstĂľl, miĂŠrt szeretnĂŠl rĂĄ jelentkezni, szerinted mire tudod majd hasznĂĄlni az itt megszerzett tudĂĄst? Mit szeretnĂŠl elĂŠrni a szakmĂĄdban?' + value={motivationProfession} + /> - <Divider horizontal /> - <Form.TextArea - rows={10} - name='motivationExercise' - onChange={e => this.props.textChange(e)} - placeholder='Itt egy feladat kĂŠrdĂŠse lesz, ĂŠjfĂŠlig megcsinĂĄljuk a kĂŠrdĂŠst.' - value={motivationExercise} - /> + <Divider horizontal /> + <Form.TextArea + rows={10} + name='motivationExercise' + onChange={e => this.props.textChange(e)} + placeholder='' + label={ + <p> + AlĂĄbb talĂĄlsz nĂŠhĂĄny elgondolkodtatĂł kĂŠrdĂŠst, megoldandĂł feladatot. A kĂŠrdĂŠsek ĂŠs feladatok elkĂŠszĂtĂŠse opcionĂĄlis, nem titkolt cĂŠlunk ezzel a lelkesedĂŠs felmĂŠrĂŠse. A vĂĄlaszokat a lenti szĂśvegdobozba vĂĄrjuk a feladatszĂĄmok megjelĂślĂŠsĂŠvel. + <br /> + SzeretnĂŠd kedvenc tantĂĄrgyad vik.wiki oldalĂĄt elĂŠrni, de szomorĂşan lĂĄtod, hogy az oldal nem jĂśn be. A Steam pedig hibĂĄtlanul megy a hĂĄttĂŠrben ĂŠs az emailek is megĂŠrkeznek... SzobatĂĄrsadnak pont megvan a vik.wiki szerverĂŠnek IP-cĂme. CsodĂĄlkozva lĂĄtod, hogy a bĂśngĂŠszĹ cĂmsorĂĄba Ărva elĂŠred a kiszolgĂĄlĂł webszervert. Mi lehet a baj? + <br /> + KĂŠt elĹadĂĄs kĂśzti szĂźnetben Ăşgy dĂśntesz, hogy laptopoddal az index.hu tech cikkeit fogod gĂśrgetni. Ăm az oldal nem vĂĄlaszol. SĹt: a rĂŠgebbi oldalak tĂśbbsĂŠge sem. Ugyanakkor a Facebook, Gmail, de mĂŠg az egyetemi oldalak tĂśbbsĂŠge is mĹąkĂśdik. Van valami Ăśtleted mi okozhatja a gondot? + <br /> + TalĂĄlsz egy ĂŠrtelmetlen szĂśveget egy honlapon (pĂŠldĂĄul: https://static.mbraptor.ml/zebra.html), de feltĹąnik, hogy kĂŠt egyenlĹsĂŠgjellel fejezĹdik be. Nyomozz, s a vĂŠgeredmĂŠnyt (amit talĂĄltĂĄl) Ărd ide! + </p> + } + value={motivationExercise} + /> - <Divider horizontal>ĂrdekelĹdĂŠs</Divider> - <Dropdown - fluid - multiple - selection - placeholder='DevTeam, ...' - onChange={(_, v) => this.props.groupChange(v.value)} - options={options} - defaultValue={groups} - /> - <br /> - <Form.Checkbox - name='signed' - label='SzeretnĂŠk jelentkezni a KSZK-ba' - onChange={(_, v) => - this.props.textChange({ target: { name: v.name, value: v.checked } }) - } - checked={signed} - /> - <Form.Button - onClick={() => this.props.submitRegistration({ - nick, motivationAbout, motivationProfession, motivationExercise, signed, groups, id, - })} - > - MentĂŠs - </Form.Button> - </Form> - </Segment> + <Divider horizontal>ĂrdekelĹdĂŠs</Divider> + <Dropdown + fluid + multiple + selection + placeholder='DevTeam, ...' + onChange={(_, v) => this.props.groupChange(v.value)} + options={options} + defaultValue={groups} + /> + <br /> + <Form.Checkbox + name='signed' + label='SzeretnĂŠk jelentkezni a KSZK-ba' + onChange={(_, v) => + this.props.textChange({ target: { name: v.name, value: v.checked } }) + } + checked={signed} + /> + <Form.Button + primary + onClick={() => this.props.submitRegistration({ + nick, motivationAbout, motivationProfession, motivationExercise, signed, groups, id, + })} + > + MentĂŠs + </Form.Button> + </Form> </Container> ); }