FEAT :: home_today_routine_button에 routineStartScreen적용

MaeumGaGym · Jul 11, 2024 · df1fea3 · df1fea3
1 parent 1516ed4
commit df1fea3
Show file tree

Hide file tree

Showing 2 changed files with 75 additions and 45 deletions.
diff --git a/lib/home/presentation/view/home_today_routine_screen.dart b/lib/home/presentation/view/home_today_routine_screen.dart
@@ -121,6 +121,7 @@ class HomeTodayRoutineScreen extends ConsumerWidget {
       bottomSheet: HomeTodayRoutineButton(
         isCompleted: todayRoutine.isCompleted!,
         routineId: todayRoutine.id!,
+        routineList: todayRoutine.exerciseInfoResponseList!,
       ),
     );
   }

diff --git a/lib/home/presentation/widget/today_routine/home_today_routine_button.dart b/lib/home/presentation/widget/today_routine/home_today_routine_button.dart
@@ -1,62 +1,91 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
-import 'package:maeum_ga_gym_flutter/home/presentation/providers/home_today_routines_provider.dart';
+import 'package:maeum_ga_gym_flutter/core/component/image/images.dart';
+import 'package:maeum_ga_gym_flutter/core/component/image_widget.dart';
+import 'package:maeum_ga_gym_flutter/routine_start/presentation/provider/routine_start_page_view_provider.dart';
+import 'package:maeum_ga_gym_flutter/routine_start/presentation/view/routine_start_main_screen.dart';
 
 import '../../../../config/maeumgagym_color.dart';
 import '../../../../core/component/text/pretendard/ptd_text_widget.dart';
+import '../../../domain/model/home_today_routines_model.dart';
 
 class HomeTodayRoutineButton extends ConsumerWidget {
   final int routineId;
   final bool isCompleted;
+  final List<ExerciseInfoList> routineList;
 
-  const HomeTodayRoutineButton({super.key, required this.isCompleted, required this.routineId});
+  const HomeTodayRoutineButton({
+    super.key,
+    required this.isCompleted,
+    required this.routineId,
+    required this.routineList,
+  });
 
   @override
   Widget build(BuildContext context, WidgetRef ref) {
-    return GestureDetector(
-      onTap: () async {
-        if (!ref.watch(homeTodayRoutineController).statusCode.isLoading) {
-          if(isCompleted){
-            await ref
-                .read(homeTodayRoutineController.notifier)
-                .incompleteTodayRoutines(routineId);
-          }
-
-          if(!isCompleted){
-            await ref
-                .read(homeTodayRoutineController.notifier)
-                .completeTodayRoutines(routineId);
-          }
+    return Container(
+      width: MediaQuery.of(context).size.width,
+      height: 98,
+      alignment: Alignment.center,
+      decoration: BoxDecoration(
+        color: MaeumgagymColor.white,
+        border: Border.all(color: MaeumgagymColor.gray50),
+      ),
+      child: Padding(
+        padding: const EdgeInsets.all(20),
+        child: Builder(
+          builder: (context) {
+            if (isCompleted) {
+              return Container(
+                decoration: BoxDecoration(
+                  color: MaeumgagymColor.gray100,
+                  borderRadius: BorderRadius.circular(8),
+                ),
+                child: Center(
+                  child: PtdTextWidget.labelLarge(
+                    "루틴 완료함",
+                    MaeumgagymColor.gray300,
+                  ),
+                ),
+              );
+            } else {
+              return GestureDetector(
+                onTap: () async {
+                  await Navigator.push(
+                    context,
+                    MaterialPageRoute(
+                      builder: (context) => RoutineStartMainScreen(
+                        routineId: routineId,
+                        routineList: routineList
+                      ),
+                    ),
+                  );
 
-          await ref
-              .read(homeTodayRoutineController.notifier)
-              .getTodayRoutines();
-        }
-      },
-      child: Container(
-        width: MediaQuery.of(context).size.width,
-        height: 98,
-        alignment: Alignment.center,
-        decoration: BoxDecoration(
-          color: MaeumgagymColor.white,
-          border: Border.all(color: MaeumgagymColor.gray50),
-        ),
-        child: Padding(
-          padding: const EdgeInsets.all(20),
-          child: Container(
-            decoration: BoxDecoration(
-              color: isCompleted
-                  ? MaeumgagymColor.blue50
-                  : MaeumgagymColor.blue500,
-              borderRadius: BorderRadius.circular(8),
-            ),
-            child: Center(
-              child: PtdTextWidget.bodyLarge(
-                isCompleted ? '루틴 완료 취소하기' : '루틴 완료하기',
-                isCompleted ? MaeumgagymColor.blue500 : MaeumgagymColor.white,
-              ),
-            ),
-          ),
+                  ref.read(routineStartPageViewProvider.notifier).state = 0;
+                },
+                child: Container(
+                  decoration: BoxDecoration(
+                    color: MaeumgagymColor.blue500,
+                    borderRadius: BorderRadius.circular(8),
+                  ),
+                  child: Center(
+                    child: Row(
+                      mainAxisAlignment: MainAxisAlignment.center,
+                      children: [
+                        ImageWidget(
+                          width: 24,
+                          image: Images.mediaPlayFilled,
+                          color: MaeumgagymColor.white,
+                        ),
+                        const SizedBox(width: 8),
+                        PtdTextWidget.labelLarge("루틴 시작하기", MaeumgagymColor.white)
+                      ],
+                    ),
+                  ),
+                ),
+              );
+            }
+          },
         ),
       ),
     );