diff --git a/frontend/src/pages/MyGroupsPage.tsx b/frontend/src/pages/MyGroupsPage.tsx index 57731ae..e8c5af6 100644 --- a/frontend/src/pages/MyGroupsPage.tsx +++ b/frontend/src/pages/MyGroupsPage.tsx @@ -53,8 +53,8 @@ const GroupPage: React.FC = ({ const lowerQuery = input.toLowerCase(); setFilteredGroups( groupList.filter((group) => - group.groupName.toLowerCase().includes(lowerQuery), - ), + group.groupName.toLowerCase().includes(lowerQuery) + ) ); } }; @@ -64,7 +64,7 @@ const GroupPage: React.FC = ({ fetchGroups(stateVariable.user.groups) .then((tempGroupList) => { setGroupList(tempGroupList); - setFilteredGroups(groupList); // Initialize with full list + setFilteredGroups(tempGroupList); // Initialize with full list }) .catch((err) => { console.log(`Terrible error occurred! ${err}`); @@ -164,25 +164,10 @@ const GroupPage: React.FC = ({ > {stateVariable.user?.groups.length !== 0 && filteredGroups.length === 0 ? ( - skelIds.map((id, ind) => { - const currentPage = Math.floor(ind / (gridDims[0] * gridDims[1])); - if (currentPage + 1 != selectedPage) return null; - const row = Math.floor( - (ind % (gridDims[1] * gridDims[0])) / gridDims[1], - ); - const col = ind % gridDims[1]; + skelIds.map((id) => { return ( - + ); }) @@ -191,7 +176,7 @@ const GroupPage: React.FC = ({ const currentPage = Math.floor(ind / (gridDims[0] * gridDims[1])); if (currentPage + 1 != selectedPage) return null; const row = Math.floor( - (ind % (gridDims[1] * gridDims[0])) / gridDims[1], + (ind % (gridDims[1] * gridDims[0])) / gridDims[1] ); const col = ind % gridDims[1]; return (