Changeset 19ad843 for client_app/src/components/register

Timestamp:

01/13/21 01:08:25 (4 years ago)

Author:

i-ina <76742075+i-ina@…>

Branches:

master

Children:

7944fab

Parents:

351c43f

Message:

dropdown

File:

• client_app/src/components/register/register_user_form.js (modified) (4 diffs)

client_app/src/components/register/register_user_form.js

@@ -1 +1 @@
 import React from 'react';
-import { Button, Checkbox, Container, Form } from "semantic-ui-react";
+import 'semantic-ui-react';
+import {Button, Container, Form} from "semantic-ui-react";
 import { Redirect } from 'react-router-dom';
 import SkillFetch from "../../repository/skill_repo";
 import UserRegister from "../../repository/register_repo";
+import {Component} from "react/cjs/react.production.min";
 
 class RegisterUser extends Component {
@@ -21 +23 @@
     }
 
+    handleCheck = (e, {value}) => {
+        this.setState({
+            ...this.state,
+            [e.target.name]: value
+        })
+    }
+
     render() {
         return (
@@ -27 +36 @@
                 <Form onSubmit={this.attemptRegister}>
                     <Form.Input id="email" name="email" type='email' required fluid label='E-mail'
-                                placeholder='Enter e-mail.' onChange={handleCheck}/>
+                                placeholder='Enter e-mail.' onChange={this.handleCheck}/>
                     <Form.Input id="password" name="password" type='password' required fluid label='Password'
-                                placeholder='Enter password.' onChange={handleCheck}/>
-                                
+                                placeholder='Enter password.' onChange={this.handleCheck}/>
+                    <Form.Input id="name" name="name" type='text' required fluid label='Name'
+                                placeholder='Enter name.' onChange={this.handleCheck}/>
+                    <Form.Input id="surname" name="surname" type='text' required fluid label='Surname'
+                                placeholder='Enter surname.' onChange={this.handleCheck}/>
+                                <label>Skills you know:</label>
+                    <select multiple="" class="ui dropdown">
+                        {this.state.allSkills.map(item => {
+                            return <option value={item.id}>{item.name}</option>
+                        })}
+                    </select>
                     <Button type="submit">Register</Button>
                 </Form>
@@ -40 +58 @@
         SkillFetch.fetchAll().then((data) =>{
             this.setState({
-                allSkills: data
+                allSkills: data.data
             })
         })