feat(groupviewmain.jsx): display everyone in main page

LikeLionHGU · Aug 6, 2024 · 8d21b4a · 8d21b4a
1 parent b740705
commit 8d21b4a
Showing 1 changed file with 16 additions and 10 deletions.
diff --git a/src/components/Mypage/GroupViewMain.jsx b/src/components/Mypage/GroupViewMain.jsx
@@ -46,25 +46,31 @@ function GroupViewMain({ groupData, groupMembers }) {
           L
         </div>
         <GroupMembersStats>
-          {(groupMembers || []).map((memberData, idx) => (
-            <WaterDrinkSlider
-              key={memberData.userId}
-              name={memberData.nickName}
-              drink={memberData.waterAmount + memberCurrData[idx]?.todayTotal}
-              toDrink={memberData.recommendation}
-            />
-          ))}
+          {(groupMembers || [])
+            .map((memberData, idx) => ({
+              ...memberData,
+              drink: memberData.waterAmount + memberCurrData[idx]?.todayTotal,
+            }))
+            .sort((a, b) => b.drink - a.drink)
+            .map((memberData) => (
+              <WaterDrinkSlider
+                key={memberData.userId}
+                name={memberData.nickName}
+                drink={memberData.drink}
+                toDrink={memberData.recommendation}
+              />
+            ))}
         </GroupMembersStats>
 
         <BottomFlex>
           <PeopleCount>
             <img src={PeopleIcon} draggable={false} />
             <div>{groupMembers.length}</div>
           </PeopleCount>
-          <BottomArrow>
+          {/* <BottomArrow>
             <div>Explore</div>
             <img src={GroupRightArrow} draggable={false} />
-          </BottomArrow>
+          </BottomArrow> */}
         </BottomFlex>
       </Total>
     </div>