Project managers, board members, auto-update after reconnection, refactoring

client/src/components/BoardActions/BoardActions.jsx

@@ -0,0 +1,78 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+
+import Filters from './Filters';
+import Memberships from '../Memberships';
+
+import styles from './BoardActions.module.scss';
+
+const BoardActions = React.memo(
+  ({
+    memberships,
+    labels,
+    filterUsers,
+    filterLabels,
+    allUsers,
+    canEditMemberships,
+    onMembershipCreate,
+    onMembershipDelete,
+    onUserToFilterAdd,
+    onUserFromFilterRemove,
+    onLabelToFilterAdd,
+    onLabelFromFilterRemove,
+    onLabelCreate,
+    onLabelUpdate,
+    onLabelDelete,
+  }) => {
+    return (
+      <div className={styles.actions}>
+        <div className={styles.action}>
+          <Memberships
+            items={memberships}
+            allUsers={allUsers}
+            canEdit={canEditMemberships}
+            onCreate={onMembershipCreate}
+            onDelete={onMembershipDelete}
+          />
+        </div>
+        <div className={styles.action}>
+          <Filters
+            users={filterUsers}
+            labels={filterLabels}
+            allBoardMemberships={memberships}
+            allLabels={labels}
+            onUserAdd={onUserToFilterAdd}
+            onUserRemove={onUserFromFilterRemove}
+            onLabelAdd={onLabelToFilterAdd}
+            onLabelRemove={onLabelFromFilterRemove}
+            onLabelCreate={onLabelCreate}
+            onLabelUpdate={onLabelUpdate}
+            onLabelDelete={onLabelDelete}
+          />
+        </div>
+      </div>
+    );
+  },
+);
+
+BoardActions.propTypes = {
+  /* eslint-disable react/forbid-prop-types */
+  memberships: PropTypes.array.isRequired,
+  labels: PropTypes.array.isRequired,
+  filterUsers: PropTypes.array.isRequired,
+  filterLabels: PropTypes.array.isRequired,
+  allUsers: PropTypes.array.isRequired,
+  /* eslint-enable react/forbid-prop-types */
+  canEditMemberships: PropTypes.bool.isRequired,
+  onMembershipCreate: PropTypes.func.isRequired,
+  onMembershipDelete: PropTypes.func.isRequired,
+  onUserToFilterAdd: PropTypes.func.isRequired,
+  onUserFromFilterRemove: PropTypes.func.isRequired,
+  onLabelToFilterAdd: PropTypes.func.isRequired,
+  onLabelFromFilterRemove: PropTypes.func.isRequired,
+  onLabelCreate: PropTypes.func.isRequired,
+  onLabelUpdate: PropTypes.func.isRequired,
+  onLabelDelete: PropTypes.func.isRequired,
+};
+
+export default BoardActions;