Delete buttons now require confirmation, rewrite texts to hungarian

src/components/forms/AddEventForm.js

@@ -53,7 +53,7 @@ class AddEventForm extends Component {
               style={{
                 marginBottom: '20px',
               }}
-              placeholder='Title'
+              placeholder='Név'
             />
             <Form.TextArea
               name='description'
@@ -66,7 +66,7 @@ class AddEventForm extends Component {
               name="date"
               label="Dátum:"
               dateFormat='YYYY-MM-DD'
-              placeholder="Date"
+              placeholder="Dátum"
               value={date}
               iconPosition="left"
               onChange={this.handleChange}
@@ -81,7 +81,7 @@ class AddEventForm extends Component {
                              this.props.clearWrite();}}
           >
             <Icon name='remove' />
-            Cancel
+            Mégse
           </Button>
           <Button
             inverted
@@ -91,7 +91,7 @@ class AddEventForm extends Component {
                     this.setState({ showModal: false, date: '' });
                     }}
           >
-            <Icon name='checkmark' /> Add
+            <Icon name='checkmark' /> Hozzáad
           </Button>
         </Modal.Actions>
       </Modal>

src/components/forms/AddNewsForm.js

@@ -31,19 +31,19 @@ class AddNewsForm extends Component {
           <Form>
             <Form.Field
               control={Input}
-              label='Title'
+              label='Cím'
               name='title'
               onChange={e => this.props.writeNews(e)}
               value={title}
-              placeholder='Title'
+              placeholder='Cím'
             />
             <Form.Field
               control={TextArea}
-              label='Text'
+              label='Szöveg'
               name='text'
               onChange={e => this.props.writeNews(e)}
               value={text}
-              placeholder='Tell us what you want...'
+              placeholder='Szöveg'
             />
           </Form>
         </Modal.Content>
@@ -54,7 +54,7 @@ class AddNewsForm extends Component {
             onClick={() => { this.setState({ showModal: false }); }}
           >
             <Icon name='remove' />
-            Cancel
+            Mégse
           </Button>
           <Button
             inverted
@@ -65,7 +65,7 @@ class AddNewsForm extends Component {
                     this.props.clearWrite();
                     }}
           >
-            <Icon name='checkmark' /> Add
+            <Icon name='checkmark' /> Hozzáad
           </Button>
         </Modal.Actions>
       </Modal>

src/components/forms/ConfirmModal.js

@@ -26,7 +26,7 @@ class ConfirmModal extends Component {
         size='small'
         basic
       >
-        <Header icon='question' content='Confirm' />
+        <Header icon='question' content='Megerősítés' />
         <Modal.Content>
           <p>
             Biztos hogy {text}?
@@ -39,7 +39,7 @@ class ConfirmModal extends Component {
             inverted
             onClick={() => this.close()}
           >
-            <Icon name='remove' /> No
+            <Icon name='remove' /> Nem
           </Button>
           <Button
             color='green'
@@ -49,7 +49,7 @@ class ConfirmModal extends Component {
                            }
                     }
           >
-            <Icon name='checkmark' /> Yes
+            <Icon name='checkmark' /> Igen
           </Button>
         </Modal.Actions>
       </Modal>

src/components/forms/EditNewsForm.js

@@ -25,7 +25,7 @@ class EditNewsForm extends Component {
             onClick={() => { this.setState({ showModal: true }); }}
             size='mini'
           >
-            Edit
+            Szerkeszt
           </Button>
         }
       >
@@ -34,19 +34,19 @@ class EditNewsForm extends Component {
           <Form>
             <Form.Field
               control={Input}
-              label='Title'
+              label='Cím'
               name='title'
               onChange={e => this.props.writeNews(e)}
               value={title}
-              placeholder='Title'
+              placeholder='Cím'
             />
             <Form.Field
               control={TextArea}
-              label='Text'
+              label='Szöveg'
               name='text'
               onChange={e => this.props.writeNews(e)}
               value={text}
-              placeholder='Tell us what you want...'
+              placeholder='Szöveg'
             />
           </Form>
         </Modal.Content>
@@ -56,7 +56,7 @@ class EditNewsForm extends Component {
             color='red'
             onClick={() => { this.setState({ showModal: false }); }}
           >
-            <Icon name='remove' /> Cancel
+            <Icon name='remove' /> Mégse
           </Button>
           <Button
             inverted
@@ -69,7 +69,7 @@ class EditNewsForm extends Component {
                     this.props.clearWrite();
                     }}
           >
-            <Icon name='checkmark' /> Edit
+            <Icon name='checkmark' /> Szerkeszt
           </Button>
         </Modal.Actions>
       </Modal>

src/components/pages/Applications.js

@@ -52,16 +52,16 @@ class Applications extends Component {
           </Table.Cell>
         }
         <Table.Cell>
-        <ConfirmModal
-          button = {<Button
-            color='blue'
-            size='tiny'
-          >
-          ADD STAFF STATUS
-        </Button>}
-        text='staff jogot adsz neki'
-        onAccept={() => this.props.setStatus(profile.id, 'Staff')}
-        />
+          <ConfirmModal
+            button = {<Button
+              color='blue'
+              size='tiny'
+            >
+            Staff jog adás
+          </Button>}
+          text='staff jogot adsz neki'
+          onAccept={() => this.props.setStatus(profile.id, 'Staff')}
+          />
         </Table.Cell>
       </Table.Row>
     );

src/components/pages/EventDetail.js

@@ -128,7 +128,7 @@ class EventDetail extends Component {
           <Button
             onClick={() => this.setState({ edit: true })}
           >
-          Edit
+          Szerkeszt
           </Button>
           { this.state.edit ?
             <Button
@@ -137,7 +137,7 @@ class EventDetail extends Component {
                               this.props.submitVisitors(this.props.selectedEvent);
                             }
                       }
-            >Save
+            >Mentés
             </Button>
             :
             ''

src/components/pages/Events.js

@@ -5,6 +5,7 @@ import { Container, Table, Button } from 'semantic-ui-react';
 import { connect } from 'react-redux';
 import { getStaffEvents, deleteEvent } from '../../actions/statistics';
 import AddEventForm from '../forms/AddEventForm';
+import ConfirmModal from '../forms/ConfirmModal';
 
 class Events extends Component {
   componentWillMount() {
@@ -23,14 +24,19 @@ class Events extends Component {
         <Table.Cell>{moment(event.date).format('LL')}</Table.Cell>
         <Table.Cell>{event.visitor_number}</Table.Cell>
         <Table.Cell>
-          <Button
-            onClick={() => this.props.deleteEvent(event)}
-            color='red'
-            compact
-            size='small'
-          >
-          Delete
-          </Button>
+          <ConfirmModal
+            text={`törölni akarod a következő alkalmat:${event.name}`}
+            button={
+              <Button
+                compact
+                color='red'
+                size='mini'
+              >
+              Törlés
+              </Button>
+               }
+            onAccept={() => this.props.deleteEvent(event)}
+          />
         </Table.Cell>
       </Table.Row>
     );

src/components/pages/News.js

@@ -2,6 +2,7 @@ import React, { Component } from 'react';
 import { Container, Segment, Item, Button, Grid } from 'semantic-ui-react';
 import { connect } from 'react-redux';
 import moment from 'moment';
+import ConfirmModal from '../forms/ConfirmModal';
 
 import AddNewsForm from '../forms/AddNewsForm';
 import EditNewsForm from '../forms/EditNewsForm';
@@ -31,14 +32,19 @@ class News extends Component {
                 <EditNewsForm
                   onClick={() => this.props.setSelectedNews(item)}
                 />
-                <Button
-                  compact
-                  color='red'
-                  size='mini'
-                  onClick={() => this.props.deleteNews(item)}
-                >
-                  Delete
-                </Button>
+                <ConfirmModal
+                  text={`törölni akarod a következő hírt: ${item.title}`}
+                  button={
+                    <Button
+                      compact
+                      color='red'
+                      size='mini'
+                    >
+                    Törlés
+                    </Button>
+                     }
+                  onAccept={() => this.props.deleteNews(item)}
+                />
               </Grid.Column>
               : null }
             </Grid>