diff --git a/src/components/forms/SolutionDetailsForm.js b/src/components/forms/SolutionDetailsForm.js index e78054ffbd5a2c25fcb18028bb8dc9d384d2665c..e7c087a2d265ec05de8fc95c7b102d2747fe1ce1 100644 --- a/src/components/forms/SolutionDetailsForm.js +++ b/src/components/forms/SolutionDetailsForm.js @@ -1,5 +1,5 @@ import React, { Component } from 'react'; -import { Modal, Button, Header, Icon } from 'semantic-ui-react'; +import { Modal, Button, Header, Icon, Divider } from 'semantic-ui-react'; import { connect } from 'react-redux'; import CorrectSolutionForm from './CorrectSolutionForm'; import { emptyMessage } from '../pages/Homework'; @@ -53,6 +53,9 @@ class SolutionDetailsForm extends Component { A megoldĂĄsok beadĂĄsĂĄnak ĂĄllapota a(z) {this.props.tasktitle} nevĹą feladatnĂĄl: </Modal.Header> <Modal.Content> + <Header as='h3'>A feladat leĂrĂĄsa:</Header> + {this.props.taskdesc.split('\n').map(s => (<p>{s}</p>))} + <Divider /> <Header as='h3'>Nem ĂŠrkezett mĂŠg megoldĂĄs:</Header> {noSubmitStudents.length === 0 ? emptyMessage(emptyStudentText) : @@ -60,6 +63,7 @@ class SolutionDetailsForm extends Component { <Button color='blue' style={{ marginRight: '1.5em', marginTop: '1.5em' }}>{student.full_name}</Button> )) } + <Divider /> <Header as='h3'>JavĂtĂĄsra vĂĄr (A nĂŠvre kattintva kijavĂthatĂł a megoldĂĄs):</Header> {waitForCorrectionStudents.length === 0 ? emptyMessage(emptyStudentText) : @@ -73,6 +77,7 @@ class SolutionDetailsForm extends Component { /> )) } + <Divider /> <Header as='h3'>A megoldĂĄs nem elfogadhatĂł:</Header> {noAcceptStudents.length === 0 ? emptyMessage(emptyStudentText) : @@ -80,6 +85,7 @@ class SolutionDetailsForm extends Component { <Button color='red' style={{ marginRight: '1.5em', marginTop: '1.5em' }}>{student.full_name}</Button> )) } + <Divider /> <Header as='h3'>Elfogadva:</Header> {acceptedStudents.length === 0 ? emptyMessage(emptyStudentText) :