[fix] 운동 계획 상태가 변경될 때 화면에 보여지는 순서도 변경되는 이슈

goorea · Oct 10, 2022 · beb8d4a · beb8d4a
1 parent ef792f6
commit beb8d4a
Showing 1 changed file with 13 additions and 3 deletions.
diff --git a/src/screens/PlansScreen/index.tsx b/src/screens/PlansScreen/index.tsx
@@ -46,9 +46,19 @@ const PlansScreen: React.FC<P> = ({ navigation, route }) => {
     showDeletePlanModal,
     deletePlans,
   } = useDelete(selectedDate);
-  const plansBySelectedDate = useRecoilValue<PlanType[]>(plansState).filter(
-    ({ plannedAt }) => dayjs(plannedAt).isSame(selectedDate, 'day'),
-  );
+  const plansBySelectedDate = useRecoilValue<PlanType[]>(plansState)
+    .filter(({ plannedAt }) => dayjs(plannedAt).isSame(selectedDate, 'day'))
+    .sort((a, b) => {
+      const trainingNameOfA = a.training.name.toLowerCase();
+      const trainingNameOfB = b.training.name.toLowerCase();
+
+      if (trainingNameOfA < trainingNameOfB) {
+        return -1;
+      } else if (trainingNameOfA > trainingNameOfB) {
+        return 1;
+      }
+      return 0;
+    });
 
   return (
     <>