Format change / cosmetic changes

client/src/App.js

@@ -8,6 +8,7 @@ import { mainMenuItems } from './constants/menuItems';
 
 class App extends Component {
     render() {
+        document.title='Sima Space CRM';
         return (
             <Router>
                 <Switch>

client/src/scenes/Home/index.js

@@ -15,17 +15,17 @@ class Home extends Component {
                 <hr/>
                 {
                     mainMenuItems.map((menuItem) => {
-                        const { showOnHomePage, title, description, url} = menuItem;
+                        const { id, showOnHomePage, title, description, url} = menuItem;
                         if (showOnHomePage){
-
                             return (
-                                <Message size={'large'}>
+                                <Message key={id} size={'large'}>
                                     <a href={url}><Message.Header>{title}</Message.Header></a>
                                     <br/>
                                     {description}
                                 </Message>
                             );
                         }
+                        return null;
                     })
                 }
             </Container>

client/src/scenes/SpecificMemberIncidentsReport/components/MemberSelector.js

@@ -22,7 +22,7 @@ class MemberSelector extends Component {
     }
 
     render(){
-        const { members, defaultMemberId } = this.props;
+        const { members, defaultMemberId, loadingMembers } = this.props;
 
         const dropdownOptions = members && Array.isArray(members) ? members.map(member => ({
                 key: member.memberId,
@@ -35,6 +35,7 @@ class MemberSelector extends Component {
             <Form>
                 <label>{'Member name'}</label>
                 <Dropdown
+                    loading={loadingMembers}
                     options={dropdownOptions}
                     placeholder="Select Member"
                     selection
@@ -50,6 +51,7 @@ class MemberSelector extends Component {
 
 const mapStateToProps = (state) => ({
     members: state.membersList.result,
+    loadingMembers: state.membersList.pending,
 });
 
 const mapDispatchToProps = (dispatch) => ({