feat(learn): Integrate progress tracker

assets/translations/am.json

@@ -182,8 +182,9 @@
   "lets_start_practice": "ልምምድህን እንጀምር",
   "welcome_abroad": "እንኳን ደህና መጣህ",
   "ready_to_explore": "የግል ትምህርቶችህን ለማሰስ ዝግጁ ነህ።",
-  "finish": "አጠናቅቅ"
+  "finish": "አጠናቅቅ",
 
+  "finish_all_practice": "ልምምዱን ለመውሰድ በትምህርቶቹ ውስጥ ያሉትን ሁሉንም ልምምዶች ያጠናቅቁ።"
 
 
 

assets/translations/en.json

@@ -125,7 +125,7 @@
     "open_in_telegram": "Open in Telegram",
     "search_for": "Search for",
     "current_level": "Current Level",
-    "keep_up_the_great_work": "Keep up the great work! You\\'re doing amazing.",
+    "keep_up_the_great_work": "Keep up the great work! You're doing amazing.",
     "no_practice_available": "No practice available!",
     "begin_module_practice": "Begin Module Practice",
     "lets_practice_lesson": "Let’s Practice",
@@ -182,5 +182,6 @@
     "lets_start_practice": "Let's start your practice",
     "welcome_abroad": "Welcome aboard",
     "ready_to_explore": "You’re ready to explore your personalized lessons.",
-    "finish": "Finish"
+    "finish": "Finish",
+    "finish_all_practice": "Finish all the practices in the lessons to take this practice"
   }

lib/main.dart

@@ -1,5 +1,6 @@
 import 'package:firebase_core/firebase_core.dart';
 import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
 import 'package:toastification/toastification.dart';
 import 'package:yimaru_app/app/app.bottomsheets.dart';
 import 'package:yimaru_app/app/app.dialogs.dart';
@@ -13,12 +14,15 @@ import 'firebase_options.dart';
 
 Future<void> main() async {
   WidgetsFlutterBinding.ensureInitialized();
+
   await setupLocator();
   await Firebase.initializeApp(options: DefaultFirebaseOptions.currentPlatform);
   await locator<NotificationService>().initialize();
   await EasyLocalization.ensureInitialized();
   setupDialogUi();
   setupBottomSheetUi();
+  await SystemChrome.setPreferredOrientations(
+      [DeviceOrientation.portraitUp, DeviceOrientation.portraitDown]);
   runApp(
     EasyLocalization(
       supportedLocales: const [

lib/models/access.dart

@@ -21,7 +21,7 @@ class Access {
   final int? progressPercent;
 
   @JsonKey(name: 'progress_percent_precise')
-  final int? progressPercentPrecise;
+  final double? progressPercentPrecise;
 
   const Access({
     this.reason,
@@ -40,7 +40,7 @@ class Access {
     bool? isAccessible,
     int? completedCount,
     int? progressPercent,
-    int? progressPercentPrecise,
+    double? progressPercentPrecise,
   }) {
     return Access(
       reason: reason ?? this.reason,

lib/models/access.g.dart

@@ -14,7 +14,7 @@ Access _$AccessFromJson(Map<String, dynamic> json) => Access(
       completedCount: (json['completed_count'] as num?)?.toInt(),
       progressPercent: (json['progress_percent'] as num?)?.toInt(),
       progressPercentPrecise:
-          (json['progress_percent_precise'] as num?)?.toInt(),
+          (json['progress_percent_precise'] as num?)?.toDouble(),
     );
 
 Map<String, dynamic> _$AccessToJson(Access instance) => <String, dynamic>{

lib/models/user.dart

@@ -43,8 +43,8 @@ class User {
   @JsonKey(name: 'profile_picture_url')
   final String? profilePicture;
 
-  const User({
+  const User(
-    this.email,
+      {this.email,
       this.region,
       this.gender,
       this.userId,
@@ -58,8 +58,7 @@ class User {
       this.profilePicture,
       this.userInfoLoaded,
       this.profileCompleted,
-    this.subscriptionStatus
+      this.subscriptionStatus});
-  });
 
   User copyWith(
           {int? userId,
@@ -75,7 +74,8 @@ class User {
           String? refreshToken,
           bool? userInfoLoaded,
           bool? profileCompleted,
-          String? profilePicture}) =>
+          String? profilePicture,
+          String? subscriptionStatus}) =>
       User(
           email: email ?? this.email,
           userId: userId ?? this.userId,
@@ -90,7 +90,8 @@ class User {
           refreshToken: refreshToken ?? this.refreshToken,
           userInfoLoaded: userInfoLoaded ?? this.userInfoLoaded,
           profilePicture: profilePicture ?? this.profilePicture,
-          profileCompleted: profileCompleted ?? this.profileCompleted);
+          profileCompleted: profileCompleted ?? this.profileCompleted,
+          subscriptionStatus: subscriptionStatus ?? this.subscriptionStatus);
 
   factory User.fromJson(Map<String, dynamic> json) => _$UserFromJson(json);
 

lib/models/user.g.dart

@@ -21,6 +21,7 @@ User _$UserFromJson(Map<String, dynamic> json) => User(
       profilePicture: json['profile_picture_url'] as String?,
       userInfoLoaded: json['userInfoLoaded'] as bool?,
       profileCompleted: json['profile_completed'] as bool?,
+      subscriptionStatus: json['subscription_status'] as String?,
     );
 
 Map<String, dynamic> _$UserToJson(User instance) => <String, dynamic>{
@@ -37,5 +38,6 @@ Map<String, dynamic> _$UserToJson(User instance) => <String, dynamic>{
       'access_token': instance.accessToken,
       'refresh_token': instance.refreshToken,
       'profile_completed': instance.profileCompleted,
+      'subscription_status': instance.subscriptionStatus,
       'profile_picture_url': instance.profilePicture,
     };

lib/services/dio_service.dart

@@ -27,7 +27,7 @@ class DioService {
   DioService() {
     _dio.options
       ..baseUrl = kBaseUrl
-      ..connectTimeout = const Duration(seconds: 5)
+      ..connectTimeout = const Duration(seconds: 10)
       ..receiveTimeout = const Duration(seconds: 15);
 
     _dio.interceptors.add(

lib/services/learn_service.dart

@@ -17,7 +17,7 @@ class LearnService with ListenableServiceMixin {
 
   // Initialization
   learnService() {
-    listenToReactiveValues([_programs, _lessons, _modules]);
+    listenToReactiveValues([_programs,_courses, _lessons, _modules]);
   }
 
   // Learn program
@@ -89,7 +89,6 @@ class LearnService with ListenableServiceMixin {
   // Learn progress
   Future<void> getLearnProgressSummary() async {
     final summaries = await _apiService.getProgressSummary();
-    print('MY SUMMARIES: ${summaries.length}');
 
     /// PROGRAM ACCESS MAP
     final Map<int, Access?> programAccessMap = {};
@@ -149,6 +148,11 @@ class LearnService with ListenableServiceMixin {
       );
     }).toList();
 
+    print('MY SUMMARIES - COMPLETED COUNT: ${_modules.first.access?.completedCount}');
+    print('PROGRESS PERCENT: ${_modules.first.access?.progressPercent}');
+
+
+
     /// UPDATE LESSONS
     _lessons = _lessons.map((lesson) {
       return lesson.copyWith(
@@ -158,4 +162,24 @@ class LearnService with ListenableServiceMixin {
 
     notifyListeners();
   }
+
+  LearnModule? getLearnModuleById(int id) {
+    try {
+      return _modules.firstWhere((e) => e.id == id);
+    } catch (_) {
+      return null;
+    }
+
+
+  }
+
+  LearnCourse? getLearnCourseById(int id) {
+    try {
+      return _courses.firstWhere((e) => e.id == id);
+    } catch (_) {
+      return null;
+    }
+
+
+  }
 }

lib/ui/common/enmus.dart

@@ -39,6 +39,7 @@ enum StateObjects {
   learnModules,
   learnCourses,
   profileImage,
+  paymentStatus,
   profileDetail,
   learnPrograms,
   courseLessons,

lib/ui/common/translations/codegen_loader.g.dart

@@ -198,7 +198,8 @@ class CodegenLoader extends AssetLoader{
   "lets_start_practice": "ልምምድህን እንጀምር",
   "welcome_abroad": "እንኳን ደህና መጣህ",
   "ready_to_explore": "የግል ትምህርቶችህን ለማሰስ ዝግጁ ነህ።",
-  "finish": "አጠናቅቅ"
+  "finish": "አጠናቅቅ",
+  "finish_all_practice": "ልምምዱን ለመውሰድ በትምህርቶቹ ውስጥ ያሉትን ሁሉንም ልምምዶች ያጠናቅቁ።"
 };
 static const Map<String,dynamic> _en = {
   "loading": "Loading",
@@ -327,7 +328,7 @@ static const Map<String,dynamic> _en = {
   "open_in_telegram": "Open in Telegram",
   "search_for": "Search for",
   "current_level": "Current Level",
-  "keep_up_the_great_work": "Keep up the great work! You\\'re doing amazing.",
+  "keep_up_the_great_work": "Keep up the great work! You're doing amazing.",
   "no_practice_available": "No practice available!",
   "begin_module_practice": "Begin Module Practice",
   "lets_practice_lesson": "Let’s Practice",
@@ -384,7 +385,8 @@ static const Map<String,dynamic> _en = {
   "lets_start_practice": "Let's start your practice",
   "welcome_abroad": "Welcome aboard",
   "ready_to_explore": "You’re ready to explore your personalized lessons.",
-  "finish": "Finish"
+  "finish": "Finish",
+  "finish_all_practice": "Finish all the practices in the lessons to take this practice"
 };
 static const Map<String, Map<String,dynamic>> mapLocales = {"am": _am, "en": _en};
 }

lib/ui/common/translations/locale_keys.g.dart

@@ -185,5 +185,6 @@ abstract class  LocaleKeys {
   static const welcome_abroad = 'welcome_abroad';
   static const ready_to_explore = 'ready_to_explore';
   static const finish = 'finish';
+  static const finish_all_practice = 'finish_all_practice';
 
 }

lib/ui/views/arif_pay/arif_pay_view.dart

@@ -13,12 +13,16 @@ class ArifPayView extends StackedView<ArifPayViewModel> {
 
   const ArifPayView({Key? key, required this.phone}) : super(key: key);
 
-  void _pop(ArifPayViewModel viewModel) => viewModel.pop;
 
   void _error(ArifPayViewModel viewModel) => viewModel.pop();
 
-  Future<void> _success(ArifPayViewModel viewModel) async =>
+
+  Future<void> _success(ArifPayViewModel viewModel) async {
+
+    await viewModel.updatePaymentStatus();
+
     await viewModel.replaceWithHome();
+  }
 
   @override
   void onViewModelReady(ArifPayViewModel viewModel) async {
@@ -45,6 +49,8 @@ class ArifPayView extends StackedView<ArifPayViewModel> {
           ? const PageLoadingIndicator()
           : _buildScaffold(viewModel);
 
+
+
   Widget _buildScaffold(ArifPayViewModel viewModel) =>
       SafeArea(child: _buildBody(viewModel));
 

lib/ui/views/arif_pay/arif_pay_viewmodel.dart

@@ -5,10 +5,13 @@ import 'package:yimaru_app/ui/common/enmus.dart';
 import '../../../app/app.locator.dart';
 import '../../../app/app.router.dart';
 import '../../../models/learn_subscription_request.dart';
+import '../../../models/user.dart';
 import '../../../services/api_service.dart';
+import '../../../services/authentication_service.dart';
 import '../../../services/status_checker_service.dart';
+import '../../common/ui_helpers.dart';
 
-class ArifPayViewModel extends BaseViewModel {
+class ArifPayViewModel extends ReactiveViewModel {
   // Dependency injection
 
   final _apiService = locator<ApiService>();
@@ -17,6 +20,16 @@ class ArifPayViewModel extends BaseViewModel {
 
   final _navigationService = locator<NavigationService>();
 
+  final _authenticationService = locator<AuthenticationService>();
+
+  @override
+  List<ListenableServiceMixin> get listenableServices =>
+      [_authenticationService];
+
+  // Current user
+  User? get _user => _authenticationService.user;
+
+  User? get user => _user;
   // Learn subscription request
   LearnSubscriptionRequest? _request;
 
@@ -36,6 +49,7 @@ class ArifPayViewModel extends BaseViewModel {
           busyObject: StateObjects.learnSubscription);
 
   Future<void> _createLearnSubscriptionRequest(String phone) async {
+    print('MY SUMMARIES : PAYMENT');
     if (await _statusChecker.checkConnection()) {
       Map<String, dynamic> data = {
         'plan_id': 1,
@@ -53,4 +67,23 @@ class ArifPayViewModel extends BaseViewModel {
     }
   }
 
+  // Update payment status
+  Future<void> updatePaymentStatus() async => await runBusyFuture(_updatePaymentStatus(),
+      busyObject: StateObjects.learnSubscription);
+
+  Future<void> _updatePaymentStatus() async {
+
+      Map<String, dynamic> response = {};
+
+        response = await _apiService.getProfileData(_user?.userId);
+
+        if (response['status'] == ResponseStatus.success) {
+          User user = response['data'] as User;
+          await _authenticationService.saveUserData(user);
+
+        }
+
+
+  }
+
 }

lib/ui/views/learn_course/learn_course_view.dart

@@ -6,14 +6,38 @@ import '../../common/app_colors.dart';
 import '../../common/enmus.dart';
 import '../../common/ui_helpers.dart';
 import '../../widgets/custom_circular_progress_indicator.dart';
+import '../../widgets/finish_practice_sheet.dart';
 import '../../widgets/learn_course_tile.dart';
 import '../../widgets/small_app_bar.dart';
 import 'learn_course_viewmodel.dart';
 
 class LearnCourseView extends StackedView<LearnCourseViewModel> {
   final int id;
+
   const LearnCourseView({Key? key, required this.id}) : super(key: key);
 
+
+  Future<void> _onPractice({required BuildContext context,
+    required LearnCourse course,
+    required LearnCourseViewModel viewModel}) async {
+    if (course.access?.completedCount == course.access?.totalCount) {
+      await viewModel.navigateToLearnPractice(
+          id: course.id ?? 0,
+          level: course.name ?? '');
+    } else {
+      await _showSheet(context: context, viewModel: viewModel);
+    }
+  }
+
+  Future<void> _showSheet({required BuildContext context,
+    required LearnCourseViewModel viewModel}) async =>
+      await showModalBottomSheet(
+        context: context,
+        backgroundColor: kcTransparent,
+        builder: (_) => _buildSheet(viewModel),
+      );
+
+
   @override
   void onViewModelReady(LearnCourseViewModel viewModel) async {
     await viewModel.getLearnCourses(id);
@@ -25,74 +49,92 @@ class LearnCourseView extends StackedView<LearnCourseViewModel> {
       LearnCourseViewModel();
 
   @override
-  Widget builder(
+  Widget builder(BuildContext context,
-    BuildContext context,
       LearnCourseViewModel viewModel,
-    Widget? child,
+      Widget? child,) =>
-  ) =>
+      _buildScaffoldWrapper(context: context,viewModel: viewModel);
-      _buildScaffoldWrapper(viewModel);
 
-  Widget _buildScaffoldWrapper(LearnCourseViewModel viewModel) => Scaffold(
+  Widget _buildScaffoldWrapper({required BuildContext context,
+    required LearnCourseViewModel viewModel}) =>
+      Scaffold(
         backgroundColor: kcBackgroundColor,
-        body: _buildScaffoldContainer(viewModel),
+        body: _buildScaffoldContainer(context: context,viewModel: viewModel),
       );
 
-  Widget _buildScaffoldContainer(LearnCourseViewModel viewModel) => Container(
+  Widget _buildScaffoldContainer({required BuildContext context,
+    required LearnCourseViewModel viewModel}) =>
+      Container(
         decoration: bgDecoration,
-        child: _buildScaffold(viewModel),
+        child: _buildScaffold(context: context,viewModel: viewModel),
       );
 
-  Widget _buildScaffold(LearnCourseViewModel viewModel) =>
+  Widget _buildScaffold({required BuildContext context,
-      SafeArea(child: _buildBody(viewModel));
+    required LearnCourseViewModel viewModel}) =>
+      SafeArea(child: _buildBody(context: context,viewModel: viewModel));
 
-  Widget _buildBody(LearnCourseViewModel viewModel) => Padding(
+  Widget _buildBody({required BuildContext context,
+    required LearnCourseViewModel viewModel}) =>
+      Padding(
         padding: const EdgeInsets.symmetric(horizontal: 15),
-        child: _buildColumn(viewModel),
+        child: _buildColumn(context: context,viewModel: viewModel),
       );
 
-  Widget _buildColumn(LearnCourseViewModel viewModel) => Column(
+  Widget _buildColumn({required BuildContext context,
+    required LearnCourseViewModel viewModel}) =>
+      Column(
         children: [
           verticalSpaceMedium,
           _buildAppBar(viewModel),
           verticalSpaceMedium,
-          _buildCoursesColumnWrapper(viewModel)
+          _buildCoursesColumnWrapper(context: context,viewModel: viewModel)
         ],
       );
 
-  Widget _buildAppBar(LearnCourseViewModel viewModel) => SmallAppBar(
+  Widget _buildAppBar(LearnCourseViewModel viewModel) =>
+      SmallAppBar(
         onPop: viewModel.pop,
         showBackButton: true,
       );
 
-  Widget _buildCoursesColumnWrapper(LearnCourseViewModel viewModel) =>
+  Widget _buildCoursesColumnWrapper({required BuildContext context,
-      Expanded(child: _buildLevelsColumnScrollView(viewModel));
+    required LearnCourseViewModel viewModel}) =>
+      Expanded(child: _buildLevelsColumnScrollView(context: context,viewModel: viewModel));
 
-  Widget _buildLevelsColumnScrollView(LearnCourseViewModel viewModel) =>
+  Widget _buildLevelsColumnScrollView({required BuildContext context,
+    required LearnCourseViewModel viewModel}) =>
       SingleChildScrollView(
-        child: _buildListViewBuilder(viewModel),
+        child: _buildListViewBuilder(context: context,viewModel: viewModel),
       );
 
-  Widget _buildListViewBuilder(LearnCourseViewModel viewModel) =>
+  Widget _buildListViewBuilder({required BuildContext context,
+    required LearnCourseViewModel viewModel}) =>
       viewModel.busy(StateObjects.learnCourses)
           ? _buildProgressIndicator()
-          : _buildListView(viewModel);
+          : _buildListView(context: context,viewModel: viewModel);
 
-  Widget _buildProgressIndicator() => const Center(
+  Widget _buildProgressIndicator() =>
+      const Center(
         child: CustomCircularProgressIndicator(color: kcPrimaryColor),
       );
 
-  Widget _buildListView(LearnCourseViewModel viewModel) => ListView.separated(
+  Widget _buildListView({required BuildContext context,
+    required LearnCourseViewModel viewModel}) =>
+      ListView.separated(
         shrinkWrap: true,
         itemCount: viewModel.courses.length,
         physics: const NeverScrollableScrollPhysics(),
-        itemBuilder: (context, index) => _buildTile(
+        itemBuilder: (context, index) =>
+            _buildTile(
               course: viewModel.courses[index],
+
+              onPracticeTap: () async =>
+              await _onPractice(
+                  context: context,
+                  viewModel: viewModel,
+                  course: viewModel.courses[index]
+              ),
               onViewTap: () async =>
               await viewModel.navigateToLearnModule(viewModel.courses[index]),
-          onLockTap: () async => await viewModel.navigateToLearnSubscription(),
-          onPracticeTap: () async => await viewModel.navigateToLearnPractice(
-              id: viewModel.courses[index].id ?? 0,
-              level: viewModel.courses[index].name ?? ''),
             ),
         separatorBuilder: (context, index) => verticalSpaceSmall,
       );
@@ -100,13 +142,15 @@ class LearnCourseView extends StackedView<LearnCourseViewModel> {
   Widget _buildTile({
     required LearnCourse course,
     required GestureTapCallback onViewTap,
-    required GestureTapCallback onLockTap,
     required GestureTapCallback onPracticeTap,
   }) =>
       LearnCourseTile(
         course: course,
         onViewTap: onViewTap,
-        onLockTap: onLockTap,
         onPracticeTap: onPracticeTap,
       );
+
+
+  Widget _buildSheet(LearnCourseViewModel viewModel) =>
+      FinishPracticeSheet(onTap: viewModel.pop);
 }

lib/ui/views/learn_lesson/learn_lesson_view.dart

@@ -20,6 +20,24 @@ class LearnLessonView extends StackedView<LearnLessonViewModel> {
 
   const LearnLessonView({Key? key, required this.module}) : super(key: key);
 
+  Future<void> _onPractice(
+      {required int index,
+      required LearnLesson lesson,
+      required LearnLessonViewModel viewModel}) async {
+    if (index > 1) {
+
+      print(index);
+      print(viewModel.user?.subscriptionStatus);
+      if (viewModel.user?.subscriptionStatus?.toLowerCase() == 'subscribed') {
+        await viewModel.navigateToLearnPractice(lesson.id ?? 0);
+      } else {
+        await viewModel.navigateToLearnSubscription();
+      }
+    } else {
+      await viewModel.navigateToLearnPractice(lesson.id ?? 0);
+    }
+  }
+
   @override
   void onViewModelReady(LearnLessonViewModel viewModel) async {
     await viewModel.getLessons(module.id ?? 0);
@@ -124,7 +142,7 @@ class LearnLessonView extends StackedView<LearnLessonViewModel> {
         verticalSpaceTiny,
         _buildSubtitle(),
         verticalSpaceSmall,
-        _buildModuleProgress(),
+        _buildModuleProgress(viewModel),
         verticalSpaceLarge,
         _buildMotivationCard(),
         verticalSpaceLarge,
@@ -143,10 +161,19 @@ class LearnLessonView extends StackedView<LearnLessonViewModel> {
         style: style14DG500,
       );
 
-  Widget _buildModuleProgress() => ModuleProgress(
+  Widget _buildModuleProgress(LearnLessonViewModel viewModel) => ModuleProgress(
-        total: module.access?.totalCount ?? 0,
+        total: (viewModel.getUpdatedLearnModule(module.id ?? 0) ?? module)
-        completed: module.access?.completedCount ?? 0,
+                .access
-        progress: module.access?.progressPercent ?? 0,
+                ?.totalCount ??
+            0,
+        completed: (viewModel.getUpdatedLearnModule(module.id ?? 0) ?? module)
+                .access
+                ?.completedCount ??
+            0,
+        progress: (viewModel.getUpdatedLearnModule(module.id ?? 0) ?? module)
+                .access
+                ?.progressPercent ??
+            0,
       );
 
   Widget _buildMotivationCard() => const MotivationCard();
@@ -172,13 +199,16 @@ class LearnLessonView extends StackedView<LearnLessonViewModel> {
         itemBuilder: (context, index) => _buildTile(
           index: index,
           lesson: viewModel.lessons[index],
+          onPracticeTap: () async => await _onPractice(
+            index: index,
+            viewModel: viewModel,
+            lesson: viewModel.lessons[index],
+          ),
           onLessonTap: () async => await viewModel.navigateToLearnLessonDetail(
               module: module,
               lesson: viewModel.lessons[index],
               hasPractice:
                   index != viewModel.lessons.length - 1 ? true : false),
-          onPracticeTap: () async => await viewModel
-              .navigateToLearnPractice(viewModel.lessons[index].id ?? 0),
         ),
       );
 

lib/ui/views/learn_lesson/learn_lesson_viewmodel.dart

@@ -8,6 +8,8 @@ import 'package:yimaru_app/ui/common/translations/locale_keys.g.dart';
 
 import '../../../app/app.locator.dart';
 import '../../../models/learn_module.dart';
+import '../../../models/user.dart';
+import '../../../services/authentication_service.dart';
 import '../../../services/learn_service.dart';
 import '../../../services/status_checker_service.dart';
 import '../../common/helper_functions.dart';
@@ -20,8 +22,19 @@ class LearnLessonViewModel extends ReactiveViewModel {
 
   final _navigationService = locator<NavigationService>();
 
+  final _authenticationService = locator<AuthenticationService>();
+
+
+
+
   @override
-  List<ListenableServiceMixin> get listenableServices => [_learnService];
+  List<ListenableServiceMixin> get listenableServices => [_learnService,_authenticationService];
+
+
+  // Current user
+  User? get _user => _authenticationService.user;
+
+  User? get user => _user;
 
   // Learn lessons
 
@@ -36,6 +49,8 @@ class LearnLessonViewModel extends ReactiveViewModel {
   // Navigation
   void pop() => _navigationService.back();
 
+
+
   Future<void> navigateToLearnPractice(int id) async =>
       await _navigationService.navigateToLearnPracticeView(
         id: id,
@@ -45,6 +60,10 @@ class LearnLessonViewModel extends ReactiveViewModel {
         subtitle: LocaleKeys.ask_you_few_actions.tr(),
       );
 
+
+  Future<void> navigateToLearnSubscription() async =>
+      await _navigationService.navigateToLearnSubscriptionView();
+
   Future<void> navigateToLearnLessonDetail(
           {required bool hasPractice,
           required LearnLesson lesson,
@@ -65,6 +84,10 @@ class LearnLessonViewModel extends ReactiveViewModel {
     }
   }
 
+  // Get module
+  LearnModule? getUpdatedLearnModule(int id) {
+    return _learnService.getLearnModuleById(id);
+  }
   //Refresh image
   Future<void> refreshLessonImages(List<LearnLesson> lessons) async {
     for (final lesson in lessons) {

lib/ui/views/learn_module/learn_module_view.dart

@@ -11,14 +11,35 @@ import '../../common/app_colors.dart';
 import '../../common/enmus.dart';
 import '../../common/ui_helpers.dart';
 import '../../widgets/custom_circular_progress_indicator.dart';
+import '../../widgets/finish_practice_sheet.dart';
 import '../../widgets/small_app_bar.dart';
 import 'learn_module_viewmodel.dart';
 
 class LearnModuleView extends StackedView<LearnModuleViewModel> {
   final LearnCourse course;
-
   const LearnModuleView({Key? key, required this.course}) : super(key: key);
 
+  Future<void> _onPractice(
+      {required BuildContext context,
+      required LearnModule module,
+      required LearnModuleViewModel viewModel}) async {
+    if (module.access?.completedCount == module.access?.totalCount) {
+      await viewModel.navigateToLearnPractice(
+          id: module.id ?? 0, module: module.name ?? '');
+    } else {
+      await _showSheet(context: context, viewModel: viewModel);
+    }
+  }
+
+  Future<void> _showSheet(
+          {required BuildContext context,
+          required LearnModuleViewModel viewModel}) async =>
+      await showModalBottomSheet(
+        context: context,
+        backgroundColor: kcTransparent,
+        builder: (_) => _buildSheet(viewModel),
+      );
+
   @override
   void onViewModelReady(LearnModuleViewModel viewModel) async {
     await viewModel.getLearnModules(course.id ?? 0);
@@ -35,32 +56,46 @@ class LearnModuleView extends StackedView<LearnModuleViewModel> {
     LearnModuleViewModel viewModel,
     Widget? child,
   ) =>
-      _buildScaffoldWrapper(viewModel);
+      _buildScaffoldWrapper(context: context, viewModel: viewModel);
 
-  Widget _buildScaffoldWrapper(LearnModuleViewModel viewModel) => Scaffold(
+  Widget _buildScaffoldWrapper(
+          {required BuildContext context,
+          required LearnModuleViewModel viewModel}) =>
+      Scaffold(
         backgroundColor: kcBackgroundColor,
-        body: _buildScaffoldContainer(viewModel),
+        body: _buildScaffoldContainer(context: context, viewModel: viewModel),
       );
 
-  Widget _buildScaffoldContainer(LearnModuleViewModel viewModel) => Container(
+  Widget _buildScaffoldContainer(
+          {required BuildContext context,
+          required LearnModuleViewModel viewModel}) =>
+      Container(
         decoration: bgDecoration,
-        child: _buildScaffold(viewModel),
+        child: _buildScaffold(context: context, viewModel: viewModel),
       );
 
-  Widget _buildScaffold(LearnModuleViewModel viewModel) =>
+  Widget _buildScaffold(
-      SafeArea(child: _buildBody(viewModel));
+          {required BuildContext context,
+          required LearnModuleViewModel viewModel}) =>
+      SafeArea(child: _buildBody(context: context, viewModel: viewModel));
 
-  Widget _buildBody(LearnModuleViewModel viewModel) => Padding(
+  Widget _buildBody(
+          {required BuildContext context,
+          required LearnModuleViewModel viewModel}) =>
+      Padding(
         padding: const EdgeInsets.symmetric(horizontal: 15),
-        child: _buildColumn(viewModel),
+        child: _buildColumn(context: context, viewModel: viewModel),
       );
 
-  Widget _buildColumn(LearnModuleViewModel viewModel) => Column(
+  Widget _buildColumn(
+          {required BuildContext context,
+          required LearnModuleViewModel viewModel}) =>
+      Column(
         children: [
           verticalSpaceMedium,
           _buildAppBar(viewModel),
           verticalSpaceMedium,
-          _buildModulesColumnWrapper(viewModel),
+          _buildModulesColumnWrapper(context: context, viewModel: viewModel),
         ],
       );
 
@@ -69,28 +104,41 @@ class LearnModuleView extends StackedView<LearnModuleViewModel> {
         showBackButton: true,
       );
 
-  Widget _buildModulesColumnWrapper(LearnModuleViewModel viewModel) =>
+  Widget _buildModulesColumnWrapper(
-      Expanded(child: _buildLevelsColumnScrollView(viewModel));
+          {required BuildContext context,
+          required LearnModuleViewModel viewModel}) =>
+      Expanded(
+          child: _buildLevelsColumnScrollView(
+              context: context, viewModel: viewModel));
 
-  Widget _buildLevelsColumnScrollView(LearnModuleViewModel viewModel) =>
+  Widget _buildLevelsColumnScrollView(
+          {required BuildContext context,
+          required LearnModuleViewModel viewModel}) =>
       SingleChildScrollView(
-        child: _buildLevelsColumn(viewModel),
+        child: _buildLevelsColumn(context: context, viewModel: viewModel),
       );
 
-  Widget _buildLevelsColumn(LearnModuleViewModel viewModel) => Column(
+  Widget _buildLevelsColumn(
+          {required BuildContext context,
+          required LearnModuleViewModel viewModel}) =>
+      Column(
         mainAxisSize: MainAxisSize.min,
         crossAxisAlignment: CrossAxisAlignment.center,
-        children: _buildLevelsColumnChildren(viewModel),
+        children:
+            _buildLevelsColumnChildren(context: context, viewModel: viewModel),
       );
 
-  List<Widget> _buildLevelsColumnChildren(LearnModuleViewModel viewModel) => [
+  List<Widget> _buildLevelsColumnChildren(
+          {required BuildContext context,
+          required LearnModuleViewModel viewModel}) =>
+      [
         verticalSpaceSmall,
         _buildTitle(),
         _buildSubtitle(),
         verticalSpaceMedium,
-        _buildOverallProgress(),
+        _buildOverallProgress(viewModel),
         verticalSpaceMedium,
-        _buildListViewBuilder(viewModel)
+        _buildListViewBuilder(context: context, viewModel: viewModel)
       ];
 
   Widget _buildTitle() => Text(
@@ -103,30 +151,38 @@ class LearnModuleView extends StackedView<LearnModuleViewModel> {
         style: style14P400,
       );
 
-  Widget _buildOverallProgress() => OverallProgress(
+  Widget _buildOverallProgress(LearnModuleViewModel viewModel) => OverallProgress(
         indicatorBackgroundColor: kcWhite,
-        progress: course.access?.progressPercent ?? 0,
     backgroundColor: kcPrimaryColor.withOpacity(0.1),
+    progress:
+        (viewModel.getUpdatedLearnCourse(course.id ?? 0) ?? course).access?.progressPercent ?? 0,
       );
 
-  Widget _buildListViewBuilder(LearnModuleViewModel viewModel) =>
+  Widget _buildListViewBuilder(
+          {required BuildContext context,
+          required LearnModuleViewModel viewModel}) =>
       viewModel.busy(StateObjects.learnModules)
           ? _buildProgressIndicator()
-          : _buildListView(viewModel);
+          : _buildListView(context: context, viewModel: viewModel);
 
   Widget _buildProgressIndicator() => const Center(
         child: CustomCircularProgressIndicator(color: kcPrimaryColor),
       );
 
-  Widget _buildListView(LearnModuleViewModel viewModel) => ListView.builder(
+  Widget _buildListView(
+          {required BuildContext context,
+          required LearnModuleViewModel viewModel}) =>
+      ListView.builder(
         shrinkWrap: true,
         itemCount: viewModel.modules.length,
         physics: const NeverScrollableScrollPhysics(),
         itemBuilder: (context, index) => _buildTile(
           module: viewModel.modules[index],
-          onPracticeTap: () async => await viewModel.navigateToLearnPractice(
+          onPracticeTap: () async => await _onPractice(
-              id: viewModel.modules[index].id ?? 0,
+            context: context,
-              module: viewModel.modules[index].name ?? ''),
+            viewModel: viewModel,
+            module: viewModel.modules[index],
+          ),
           onModuleTap: () async =>
               await viewModel.navigateToLearnLesson(viewModel.modules[index]),
         ),
@@ -141,4 +197,7 @@ class LearnModuleView extends StackedView<LearnModuleViewModel> {
           module: module,
           onModuleTap: onModuleTap,
           onPracticeTap: onPracticeTap);
+
+  Widget _buildSheet(LearnModuleViewModel viewModel) =>
+      FinishPracticeSheet(onTap: viewModel.pop);
 }

lib/ui/views/learn_module/learn_module_viewmodel.dart

@@ -6,6 +6,7 @@ import 'package:yimaru_app/models/learn_module.dart';
 import 'package:yimaru_app/ui/common/translations/locale_keys.g.dart';
 
 import '../../../app/app.locator.dart';
+import '../../../models/learn_course.dart';
 import '../../../services/learn_service.dart';
 import '../../../services/status_checker_service.dart';
 import '../../common/enmus.dart';
@@ -61,6 +62,11 @@ class LearnModuleViewModel extends ReactiveViewModel {
     }
   }
 
+  // Get course
+  LearnCourse? getUpdatedLearnCourse(int id) {
+    return _learnService.getLearnCourseById(id);
+  }
+
   //Refresh image
   Future<void> refreshModuleImages(List<LearnModule> modules) async {
     for (final module in modules) {

lib/ui/views/learn_practice/learn_practice_viewmodel.dart

@@ -96,12 +96,11 @@ class LearnPracticeViewModel extends ReactiveViewModel {
 
   // Learn practices
 
-
   List<LearnPractice> _practices = [];
 
   List<LearnPractice> get practices => _practices;
 
-  final Map<int, String> _refreshedImages= {};
+  final Map<int, String> _refreshedImages = {};
 
   Map<int, String> get refreshedImages => _refreshedImages;
 
@@ -251,7 +250,6 @@ class LearnPracticeViewModel extends ReactiveViewModel {
       );
       await playVoicePrompt(_questions[index]);
     } else {
-      await completeLearnPractices();
       goTo(3);
     }
   }
@@ -331,5 +329,4 @@ class LearnPracticeViewModel extends ReactiveViewModel {
 
   String getPracticeImage(LearnPractice practice) =>
       getReadableUrl(_refreshedImages[practice.id] ?? '') ?? '';
-
 }

lib/ui/views/learn_practice/screens/interact_learn_practice_screen.dart

@@ -169,6 +169,7 @@ class InteractLearnPracticeScreen
   Widget _buildSpeakingIndicator(LearnPracticeViewModel viewModel) =>
       WaveWrapper(height: 200, child: _buildSpinnerState(viewModel));
 
+
   Widget _buildSpinnerState(LearnPracticeViewModel viewModel) =>
       viewModel.busy(StateObjects.recordLearnPracticeAnswer) ||
               viewModel.busy(StateObjects.finishLearnPracticeQuestion)

lib/ui/views/onboarding/screens/learning_goal_form_screen.dart

@@ -13,8 +13,8 @@ import 'package:yimaru_app/ui/widgets/large_app_bar.dart';
 class LearningGoalFormScreen extends ViewModelWidget<OnboardingViewModel> {
   const LearningGoalFormScreen({super.key});
 
-  IconData getIcon(int icon) {
+  IconData getIcon(int index) {
-    switch (icon) {
+    switch (index) {
       case 0:
         return Iconsax.book;
       case 1:
@@ -25,6 +25,31 @@ class LearningGoalFormScreen extends ViewModelWidget<OnboardingViewModel> {
     return Icons.book;
   }
 
+  String getTitles(int index) {
+    switch (index) {
+      case 0:
+        return 'Learn to Speak English';
+      case 1:
+        return 'Practice Speaking English';
+      case 2:
+        return 'Skill-based Courses';
+    }
+    return '';
+  }
+
+  String getSubtitle(int index) {
+    switch (index) {
+      case 0:
+        return 'I know some English, but i want to learn to speak it';
+      case 1:
+        return 'I already speak English, but I want more practice.';
+      case 2:
+        return 'I want courses for IELTS, TOEFL, Duolingo, or work';
+    }
+    return '';
+  }
+
+
   void _pop(OnboardingViewModel viewModel) {
     viewModel.resetLearningGoalFormScreen();
     viewModel.goBack();
@@ -45,17 +70,20 @@ class LearningGoalFormScreen extends ViewModelWidget<OnboardingViewModel> {
   Widget build(BuildContext context, OnboardingViewModel viewModel) =>
       _buildScaffoldWrapper(viewModel);
 
-  Widget _buildScaffoldWrapper(OnboardingViewModel viewModel) => Scaffold(
+  Widget _buildScaffoldWrapper(OnboardingViewModel viewModel) =>
+      Scaffold(
         backgroundColor: kcBackgroundColor,
         body: _buildScaffold(viewModel),
       );
 
-  Widget _buildScaffold(OnboardingViewModel viewModel) => Column(
+  Widget _buildScaffold(OnboardingViewModel viewModel) =>
+      Column(
         crossAxisAlignment: CrossAxisAlignment.start,
         children: _buildScaffoldChildren(viewModel),
       );
 
-  List<Widget> _buildScaffoldChildren(OnboardingViewModel viewModel) => [
+  List<Widget> _buildScaffoldChildren(OnboardingViewModel viewModel) =>
+      [
         _buildAppBar(viewModel),
         verticalSpaceMedium,
         _buildExpandedBody(viewModel)
@@ -69,12 +97,14 @@ class LearningGoalFormScreen extends ViewModelWidget<OnboardingViewModel> {
         child: _buildBodyWrapper(viewModel),
       );
 
-  Widget _buildBodyWrapper(OnboardingViewModel viewModel) => Padding(
+  Widget _buildBodyWrapper(OnboardingViewModel viewModel) =>
+      Padding(
         padding: const EdgeInsets.symmetric(horizontal: 15),
         child: _buildBody(viewModel),
       );
 
-  Widget _buildBody(OnboardingViewModel viewModel) => Column(
+  Widget _buildBody(OnboardingViewModel viewModel) =>
+      Column(
         crossAxisAlignment: CrossAxisAlignment.start,
         mainAxisAlignment: MainAxisAlignment.spaceBetween,
         children: _buildBodyChildren(viewModel),
@@ -83,20 +113,23 @@ class LearningGoalFormScreen extends ViewModelWidget<OnboardingViewModel> {
   List<Widget> _buildBodyChildren(OnboardingViewModel viewModel) =>
       [_buildUpperColumn(viewModel), _buildContinueButtonWrapper(viewModel)];
 
-  Widget _buildUpperColumn(OnboardingViewModel viewModel) => Column(
+  Widget _buildUpperColumn(OnboardingViewModel viewModel) =>
+      Column(
         mainAxisSize: MainAxisSize.min,
         crossAxisAlignment: CrossAxisAlignment.start,
         children: _buildUpperColumnChildren(viewModel),
       );
 
-  List<Widget> _buildUpperColumnChildren(OnboardingViewModel viewModel) => [
+  List<Widget> _buildUpperColumnChildren(OnboardingViewModel viewModel) =>
+      [
         verticalSpaceMedium,
         _buildTitle(viewModel),
         verticalSpaceMedium,
         _buildLearningGoals(viewModel)
       ];
 
-  Widget _buildAppBar(OnboardingViewModel viewModel) => LargeAppBar(
+  Widget _buildAppBar(OnboardingViewModel viewModel) =>
+      LargeAppBar(
         showBackButton: true,
         showLanguageSelection: true,
         onPop: () => _pop(viewModel),
@@ -106,7 +139,8 @@ class LearningGoalFormScreen extends ViewModelWidget<OnboardingViewModel> {
             : viewModel.selectedLanguage['code'],
       );
 
-  Widget _buildTitle(OnboardingViewModel viewModel) => Text.rich(
+  Widget _buildTitle(OnboardingViewModel viewModel) =>
+      Text.rich(
         TextSpan(
             text:
             '${LocaleKeys.hello.tr()} ${viewModel.userData['first_name']},',
@@ -119,30 +153,39 @@ class LearningGoalFormScreen extends ViewModelWidget<OnboardingViewModel> {
             ]),
       );
 
-  Widget _buildLearningGoals(OnboardingViewModel viewModel) => ListView.builder(
+  Widget _buildLearningGoals(OnboardingViewModel viewModel) =>
+      ListView.builder(
         shrinkWrap: true,
-        itemCount: viewModel.learningGoals.length,
+        itemCount: 3,// viewModel.learningGoals.length,
         physics: const NeverScrollableScrollPhysics(),
-        itemBuilder: (context, index) => _buildLearningGoal(
+        itemBuilder: (context, index) =>
-          title: viewModel.learningGoals[index].label ?? '',
+            _buildLearningGoal(
+              icon: getIcon(index),
+              title: getTitles(index),
+              subtitle: getSubtitle(index),
               selected:
               viewModel.isSelectedLearningGoal(viewModel.learningGoals[index]),
               onTap: () =>
-              viewModel.setSelectedLearningGoal(viewModel.learningGoals[index]),
+                  viewModel.setSelectedLearningGoal(
+                      viewModel.learningGoals[index]),
             ),
       );
 
-  Widget _buildLearningGoal(
+  Widget _buildLearningGoal({required String title,
-          {required String title,
     required bool selected,
+    required IconData icon,
+    required String subtitle,
     required GestureTapCallback onTap}) =>
       CustomLargeRadioButton(
+        icon:icon,
         title: title,
         onTap: onTap,
+        subtitle: subtitle,
         selected: selected,
       );
 
-  Widget _buildContinueButtonWrapper(OnboardingViewModel viewModel) => Padding(
+  Widget _buildContinueButtonWrapper(OnboardingViewModel viewModel) =>
+      Padding(
         padding: const EdgeInsets.only(bottom: 50),
         child: _buildContinueButton(viewModel),
       );

lib/ui/widgets/custom_large_radio_button.dart

@@ -5,20 +5,23 @@ import 'package:yimaru_app/ui/common/ui_helpers.dart';
 class CustomLargeRadioButton extends StatelessWidget {
   final String title;
   final bool selected;
+  final IconData icon;
+  final String subtitle;
   final GestureTapCallback? onTap;
 
-  const CustomLargeRadioButton({
+  const CustomLargeRadioButton(
-    super.key,
+      {super.key,
         this.onTap,
         required this.title,
+        required this.icon,
         required this.selected,
-  });
+        required this.subtitle});
 
   @override
   Widget build(BuildContext context) => _buildButtonWrapper();
 
   Widget _buildButtonWrapper() => Container(
-        height: 75,
+    height: 125,
     width: double.maxFinite,
     margin: const EdgeInsets.only(bottom: 15),
     child: _buildContainerWrapper(),
@@ -38,24 +41,39 @@ class CustomLargeRadioButton extends StatelessWidget {
         color: selected ? kcPrimaryColor : kcPrimaryColor.withOpacity(0.75),
       ),
     ),
-        child: _buildButtonRowWrapper(),
+    child: _buildButtonColumnWrapper(),
   );
 
-  Widget _buildButtonRowWrapper() => Row(
+  Widget _buildButtonColumnWrapper() => Column(
+    crossAxisAlignment: CrossAxisAlignment.start,
     children: _buildButtonRowChildren(),
   );
 
   List<Widget> _buildButtonRowChildren() =>
-      [_buildTitleWrapper(), _buildSelectedCheckBox()];
+      [_buildIconSectionWrapper(), _buildTitle(), _buildSubtitle()];
 
-  Widget _buildTitleWrapper() => Expanded(
+  Widget _buildIconSectionWrapper() => Row(
-        child: _buildTitle(),
+    mainAxisAlignment: MainAxisAlignment.spaceBetween,
+    children: _buildIconSectionChildren(),
+  );
+
+  List<Widget> _buildIconSectionChildren() =>
+      [_buildLeadingIcon(), _buildSelectedCheckBox()];
+
+  Widget _buildLeadingIcon() => Icon(
+    icon,
+    size: 25,
+    color: kcPrimaryColor,
   );
 
   Widget _buildTitle() => Text(
     title,
-        maxLines: 1,
+    style: style18DG700,
-        style: style16DG400,
+  );
+
+  Widget _buildSubtitle() => Text(
+    subtitle,
+    style: const TextStyle(color: kcMediumGrey),
   );
 
   Widget _buildSelectedCheckBox() => Checkbox(

lib/ui/widgets/finish_practice_sheet.dart

@@ -1,6 +1,8 @@
+import 'package:easy_localization/easy_localization.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_svg/svg.dart';
 import 'package:yimaru_app/ui/common/app_colors.dart';
+import 'package:yimaru_app/ui/common/translations/locale_keys.g.dart';
 import 'package:yimaru_app/ui/common/ui_helpers.dart';
 import 'package:yimaru_app/ui/widgets/custom_bottom_sheet.dart';
 
@@ -8,6 +10,7 @@ import 'custom_elevated_button.dart';
 
 class FinishPracticeSheet extends StatelessWidget {
   final GestureTapCallback? onTap;
+
   const FinishPracticeSheet({super.key, this.onTap});
 
   @override
@@ -20,6 +23,7 @@ class FinishPracticeSheet extends StatelessWidget {
         padding: const EdgeInsets.symmetric(horizontal: 15),
         child: _buildColumn(),
       );
+
   Widget _buildColumn() => Column(
         crossAxisAlignment: CrossAxisAlignment.center,
         children: _buildSheetChildren(),
@@ -40,7 +44,7 @@ class FinishPracticeSheet extends StatelessWidget {
       );
 
   Widget _buildMessage() => Text(
-        'Finish all the practices in the lessons to take this practice',
+        LocaleKeys.finish_all_practice.tr(),
         style: style16DG600,
         textAlign: TextAlign.center,
       );
@@ -48,9 +52,9 @@ class FinishPracticeSheet extends StatelessWidget {
   Widget _buildContinueButton() => CustomElevatedButton(
         height: 55,
         onTap: onTap,
-        text: 'Continue',
         borderRadius: 12,
         foregroundColor: kcWhite,
+        text: LocaleKeys.cont.tr(),
         backgroundColor: kcPrimaryColor,
       );
 }

lib/ui/widgets/learn_course_tile.dart

@@ -13,26 +13,20 @@ import 'custom_elevated_button.dart';
 class LearnCourseTile extends ViewModelWidget<LearnCourseViewModel> {
   final LearnCourse course;
   final GestureTapCallback? onViewTap;
-  final GestureTapCallback? onLockTap;
   final GestureTapCallback? onPracticeTap;
 
   const LearnCourseTile({
     super.key,
     this.onViewTap,
-    this.onLockTap,
     this.onPracticeTap,
     required this.course,
   });
 
   @override
   Widget build(BuildContext context, LearnCourseViewModel viewModel) =>
-      _buildExpansionTileCardWrapper(viewModel);
+      _buildExpansionTileCard(viewModel);
+
 
-  Widget _buildExpansionTileCardWrapper(LearnCourseViewModel viewModel) =>
-      GestureDetector(
-        onTap: !(course.access?.isAccessible ?? false) ? onLockTap : null,
-        child: _buildExpansionTileCard(viewModel),
-      );
 
   Widget _buildExpansionTileCard(LearnCourseViewModel viewModel) => Container(
         margin: const EdgeInsets.only(bottom: 15),

lib/ui/widgets/learn_lesson_tile.dart

@@ -27,6 +27,8 @@ class LearnLessonTile extends ViewModelWidget<LearnLessonViewModel> {
       required this.index,
       required this.lesson});
 
+
+
   @override
   Widget build(BuildContext context, LearnLessonViewModel viewModel) =>
       _buildContainer(viewModel);

lib/ui/widgets/learn_module_tile.dart

@@ -21,14 +21,7 @@ class LearnModuleTile extends ViewModelWidget<LearnModuleViewModel> {
   const LearnModuleTile(
       {super.key, this.onModuleTap, this.onPracticeTap, required this.module});
 
-  Future<void> _showSheet(
+
-          {required BuildContext context,
-          required LearnModuleViewModel viewModel}) async =>
-      await showModalBottomSheet(
-        context: context,
-        backgroundColor: kcTransparent,
-        builder: (_) => _buildSheet(viewModel),
-      );
 
   @override
   Widget build(BuildContext context, LearnModuleViewModel viewModel) =>
@@ -221,9 +214,7 @@ class LearnModuleTile extends ViewModelWidget<LearnModuleViewModel> {
         text: LocaleKeys.take_practice.tr(),
       );
 
-  Widget _buildSheet(LearnModuleViewModel viewModel) => FinishPracticeSheet(
+
-        onTap: viewModel.pop,
-      );
 
   Widget _buildContainerShaderState() => !(module.access?.isAccessible ?? false)
       ? _buildContainerShader()

lib/ui/widgets/overall_progress_wrapper.dart

@@ -1,4 +1,6 @@
+import 'package:easy_localization/easy_localization.dart';
 import 'package:flutter/material.dart';
+import 'package:yimaru_app/ui/common/translations/locale_keys.g.dart';
 
 import '../common/app_colors.dart';
 import '../common/ui_helpers.dart';
@@ -48,8 +50,8 @@ class OverallProgressWrapper extends StatelessWidget {
         backgroundColor: kcVeryLightGrey,
       );
 
-  Widget _buildSubtitle() => const Text(
+  Widget _buildSubtitle() =>  Text(
-        'Keep up the great work! You\'re doing amazing.',
+       LocaleKeys.keep_up_the_great_work.tr(),
-        style: TextStyle(color: kcDarkGrey),
+        style:style14DG400 ,
       );
 }

pubspec.yaml

@@ -1,5 +1,5 @@
 name: yimaru_app
-version: 0.1.25+27
+version: 0.1.26+28
 publish_to: 'none'
 description: A new Flutter project.