fix 2d9bbc83 fix

package-lock.json

@@ -9229,6 +9229,11 @@
         "is-fullwidth-code-point": "2.0.0"
       }
     },
+    "slick-carousel": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/slick-carousel/-/slick-carousel-1.8.1.tgz",
+      "integrity": "sha512-XB9Ftrf2EEKfzoQXt3Nitrt/IPbT+f1fgqBdoxO3W/+JYvtEOW6EgxnWfr9GH6nmULv7Y2tPmEX3koxThVmebA=="
+    },
     "sntp": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/sntp/-/sntp-2.1.0.tgz",

package.json

@@ -16,7 +16,8 @@
     "redux-logger": "^3.0.6",
     "redux-thunk": "^2.2.0",
     "semantic-ui-css": "^2.2.12",
-    "semantic-ui-react": "^0.77.2"
+    "semantic-ui-react": "^0.77.2",
+    "slick-carousel": "^1.8.1"
   },
   "scripts": {
     "start": "react-scripts start",

src/actions/auth.js

@@ -47,11 +47,11 @@ export const groupChange = groups => (
 );
 
 export const submitRegistration = ({
-  nick, groups, signed, motivation, id,
+  nick, groups, signed, motivationAbout, motivationProfession, motivationExercise, id,
 }) => (
   async (dispatch) => {
     const response = await axios.patch(`/api/v1/profiles/${id}/`, {
-      nick, groups, signed, motivation,
+      nick, groups, signed, motivationAbout, motivationProfession, motivationExercise,
     });
     if (response.data.id === id) {
       alert('Sikeres mentés!');

src/components/pages/Home.js

@@ -24,7 +24,6 @@ const settings = {
   slidesToShow: 1,
   slidesToScroll: 1,
   centerMode: true,
-  lazyLoad: true,
 };
 
 const range = (count) => {

src/components/pages/Profile.js

@@ -20,7 +20,7 @@ class Profile extends Component {
 
   render() {
     const {
-      nick, groups, motivation, signed, id,
+      nick, groups, motivationAbout, motivationProfession, motivationExercise, signed, id,
     } = this.props;
     return (
       <Container
@@ -43,16 +43,34 @@ class Profile extends Component {
               value={nick}
             />
 
-            <Divider horizontal>Motivációs levél</Divider>
+            <Divider horizontal>Motiváció</Divider>
             <Form.TextArea
               rows={10}
-              name='motivation'
+              name='motivationAbout'
               onChange={e => this.props.textChange(e)}
-              placeholder='Miért szeretnék jelentkezni...'
-              value={motivation}
+              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>Érdekelt Körök</Divider>
+            <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}
+              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>Érdekelődés</Divider>
             <Dropdown
               fluid
               multiple
@@ -73,7 +91,7 @@ class Profile extends Component {
             />
             <Form.Button
               onClick={() => this.props.submitRegistration({
-                nick, motivation, signed, groups, id,
+                nick, motivationAbout, motivationProfession, motivationExercise, signed, groups, id,
               })}
             >
               Mentés
@@ -87,12 +105,14 @@ class Profile extends Component {
 
 const mapStateToProps = ({
   user: {
-    nick, groups, motivation, signed, id,
+    nick, groups, motivationAbout, motivationProfession, motivationExercise, signed, id,
   },
 }) => ({
   nick,
   groups,
-  motivation,
+  motivationAbout,
+  motivationProfession,
+  motivationExercise,
   signed,
   id,
 });

src/index.js

@@ -2,6 +2,8 @@ import React from 'react';
 import { render } from 'react-dom';
 import { Provider } from 'react-redux';
 import { BrowserRouter as Router } from 'react-router-dom';
+import 'slick-carousel/slick/slick.css';
+import 'slick-carousel/slick/slick-theme.css';
 import 'semantic-ui-css/semantic.min.css';
 
 import configureStore from './configureStore';