Keeping solution boxes closed when there are too many solutions/users/assignments.

Author: krulis-martin

src/pages/AssignmentSolutions/AssignmentSolutions.js

@@ -633,7 +633,7 @@ class AssignmentSolutions extends Component {
                                 a.name.lastName.localeCompare(b.name.lastName, locale) ||
                                 a.name.firstName.localeCompare(b.name.firstName, locale)
                             )
-                            .map(user => (
+                            .map((user, _, students) => (
                               <Row key={user.id}>
                                 <Col sm={12}>
                                   <Box
@@ -654,7 +654,7 @@ class AssignmentSolutions extends Component {
                                       </>
                                     }
                                     collapsable
-                                    isOpen
+                                    isOpen={students.length <= 50 && (assignmentSolutions?.size ?? 0) <= 200}
                                     noPadding
                                     unlimitedHeight>
                                     <SolutionsTable

src/pages/GroupUserSolutions/GroupUserSolutions.js

@@ -230,6 +230,10 @@ const prepareTableColumnDescriptors = lruMemoize((assignments, groupId, locale,
   return columns;
 });
 
+const getSolutionsCount = lruMemoize((assignments, getAssignmentSolutions) =>
+  assignments.reduce((acc, assignment) => acc + (getAssignmentSolutions(assignment.id)?.size || 0), 0)
+);
+
 const prepareTableData = lruMemoize((assignments, getAssignmentSolutions, getRuntime, onlyBestSolutionsCheckbox) => {
   const res = [];
   assignments.forEach(assignment =>
@@ -529,7 +533,10 @@ class GroupUserSolutions extends Component {
                                         </>
                                       }
                                       collapsable
-                                      isOpen
+                                      isOpen={
+                                        assignments.length <= 50 &&
+                                        getSolutionsCount(assignments, getAssignmentSolutions) <= 200
+                                      }
                                       noPadding
                                       unlimitedHeight>
                                       <SolutionsTable

src/redux/selectors/usersGroups.js

@@ -10,7 +10,7 @@ import { isStudentLocked } from '../../components/helpers/exams.js';
 const getState = state => state;
 const getParam = (_, id) => id;
 
-// users of type in particualar groups
+// users of type in particular groups
 const usersIdsOfGroup = (type, groupId) =>
   createSelector(groupSelectorCreator(groupId), group =>
     group && isReady(group) ? group.getIn(['data', 'privateData', type], EMPTY_LIST).toArray() : []