feat(Home): Allows site admins to quickly leave organisations no long…

…er of interest from the home screen. (#1444 - [LL-166](https://learningpool.atlassian.net/browse/LL-166))

ui/src/containers/Home/index.js

@@ -11,6 +11,7 @@ import { Map, List as ImmutList, fromJS } from 'immutable';
 import { AutoSizer, List as VirtualList, InfiniteLoader } from 'react-virtualized';
 import { withProps, compose, withState } from 'recompose';
 import { actions as routerActions } from 'redux-router5';
+import moment from 'moment';
 import { isSiteAdminSelector, authenticationSelector, logout, orgLoginStart, loggedInUserSelector } from 'ui/redux/modules/auth';
 import { queryStringToQuery } from 'ui/redux/modules/search';
 import { withSchema } from 'ui/utils/hocs';
@@ -19,7 +20,7 @@ import FullPageBackground from 'ui/components/FullPageBackground';
 import AuthContainer from 'ui/containers/AuthContainer';
 import smallLogo from 'ui/static/smallLogo.png';
 import Register from 'ui/containers/Register';
-import moment from 'moment';
+import OrgMemberButton from 'ui/containers/OrgMemberButton';
 import styles from './styles.css';
 
 class Home extends Component {
@@ -84,15 +85,29 @@ class Home extends Component {
   }
 
   renderOrg = ({ key, style, index }) => {
-    const { models } = this.props;
+    const { models, isSiteAdmin } = this.props;
     if (models.has(index)) {
       const organisation = models.get(index);
 
       const name = organisation.get('name');
 
       const rightActions = [];
       if (organisation.get('expiration') && moment(organisation.get('expiration')).isBefore(moment())) {
-        rightActions.push(<span style={{ color: 'red' }}>Expired</span>);
+        rightActions.push(
+          <span
+            key="expired"
+            style={{ color: 'red' }}>
+            Expired
+          </span>
+        );
+      }
+      if (isSiteAdmin) {
+        rightActions.push(
+          <OrgMemberButton
+            key="member"
+            schema="organisation"
+            id={organisation.get('_id')} />
+        );
       }
 
       return (

ui/src/containers/OrgMemberButton/index.js

@@ -41,7 +41,7 @@ const enhance = compose(
   })
 );
 
-const render = ({ handleJoin, handleLeave, model, userOrgs }) => {
+const OrgMemberButton = ({ handleJoin, handleLeave, model, userOrgs }) => {
   const hasOrg = userOrgs.includes(model.get('_id'));
   return hasOrg
     ? <button
@@ -60,4 +60,4 @@ const render = ({ handleJoin, handleLeave, model, userOrgs }) => {
     </button>;
 };
 
-export default enhance(render);
+export default enhance(OrgMemberButton);