change home page

client/src/scenes/Home/index.js

@@ -1,8 +1,9 @@
 import React, { Component } from 'react';
 
-import { Container, Form } from 'semantic-ui-react';
+import { Container, Message } from 'semantic-ui-react';
 
 import MainMenu from '../../components/MainMenu';
+import { mainMenuItems } from '../../constants/menuItems';
 
 class Home extends Component {
 
@@ -10,25 +11,23 @@ class Home extends Component {
         return (
             <Container>
                 <MainMenu/>
-                <h3>Report</h3>
+                <h3>SIMA SPACE </h3>
                 <hr/>
-                <Form>
-                    <Form.Group widths="equal">
-                        <Form.Input
-                            fluid
-                            required
-                            label="Start date"
-                            type="date"
-                        />
-                        <Form.Input
-                            fluid
-                            required
-                            label="End date"
-                            type="date"
-                        />
-                    </Form.Group>
-                    <Form.Button>Show report</Form.Button>
-                </Form>
+                {
+                    mainMenuItems.map((menuItem) => {
+                        const { showOnHomePage, title, description, url} = menuItem;
+                        if (showOnHomePage){
+
+                            return (
+                                <Message size={'large'}>
+                                    <a href={url}><Message.Header>{title}</Message.Header></a>
+                                    <br/>
+                                    {description}
+                                </Message>
+                            );
+                        }
+                    })
+                }
             </Container>
         );
     }