Weight + Measurement Widget Redesign

Author: Luca-Wiehe

assets/icons/measuring-tape.png

@@ -3,16 +3,13 @@ import 'package:mockito/mockito.dart';
 import 'package:provider/provider.dart';
 import 'package:wger/l10n/generated/app_localizations.dart';
 import 'package:wger/providers/body_weight.dart';
-import 'package:wger/providers/nutrition.dart';
 import 'package:wger/providers/user.dart';
-import 'package:wger/screens/form_screen.dart';
-import 'package:wger/screens/weight_screen.dart';
 import 'package:wger/theme/theme.dart';
+import 'package:wger/widgets/dashboard/widgets/weight.dart';
 
 import '../test/utils.dart';
-import '../test/weight/weight_screen_test.mocks.dart';
+import '../test/weight/weight_provider_test.mocks.dart';
 import '../test_data/body_weight.dart';
-import '../test_data/nutritional_plans.dart';
 import '../test_data/profile.dart';
 
 Widget createWeightScreen({Locale? locale}) {
@@ -23,10 +20,6 @@ Widget createWeightScreen({Locale? locale}) {
   final mockUserProvider = MockUserProvider();
   when(mockUserProvider.profile).thenReturn(tProfile1);
 
-  final mockNutritionPlansProvider = MockNutritionPlansProvider();
-  when(mockNutritionPlansProvider.currentPlan).thenReturn(null);
-  when(mockNutritionPlansProvider.items).thenReturn([getNutritionalPlan()]);
-
   return MediaQuery(
     data: MediaQueryData.fromView(WidgetsBinding.instance.platformDispatcher.views.first).copyWith(
       padding: EdgeInsets.zero,
@@ -41,18 +34,18 @@ Widget createWeightScreen({Locale? locale}) {
         ChangeNotifierProvider<BodyWeightProvider>(
           create: (context) => weightProvider,
         ),
-        ChangeNotifierProvider<NutritionPlansProvider>(
-          create: (context) => mockNutritionPlansProvider,
-        ),
       ],
       child: MaterialApp(
         locale: locale,
         debugShowCheckedModeBanner: false,
         localizationsDelegates: AppLocalizations.localizationsDelegates,
         supportedLocales: AppLocalizations.supportedLocales,
         theme: wgerLightTheme,
-        home: const WeightScreen(),
-        routes: {FormScreen.routeName: (ctx) => const FormScreen()},
+        home: const Scaffold(
+          body: SingleChildScrollView(
+            child: DashboardWeightWidget(),
+          ),
+        ),
       ),
     ),
   );

integration_test/6_weight.dart

@@ -1127,5 +1127,19 @@
     "endWorkout": "Training beenden",
     "@endWorkout": {},
     "dayTypeCustom": "personalisierte",
-    "@dayTypeCustom": {}
+    "@dayTypeCustom": {},
+    "entries": "Einträge",
+    "@entries": {},
+    "week": "Woche",
+    "@week": {},
+    "month": "Monat",
+    "@month": {},
+    "sixMonths": "6 Monate",
+    "@sixMonths": {},
+    "year": "Jahr",
+    "@year": {},
+    "recentEntries": "Letzte Einträge",
+    "@recentEntries": {},
+    "seeAll": "Alle anzeigen",
+    "@seeAll": {}
 }

lib/l10n/app_de.arb

@@ -431,6 +431,10 @@
   "@measurementCategoriesHelpText": {},
   "measurementEntriesHelpText": "The unit used to measure the category such as 'cm' or '%'",
   "@measurementEntriesHelpText": {},
+  "entries": "entries",
+  "@entries": {
+    "description": "Plural form of entry, used to show count of measurement entries"
+  },
   "date": "Date",
   "@date": {
     "description": "The date of a workout log or body weight entry"
@@ -1114,5 +1118,29 @@
   "themeMode": "Theme mode",
   "darkMode": "Always dark mode",
   "lightMode": "Always light mode",
-  "systemMode": "System settings"
+  "systemMode": "System settings",
+  "week": "Week",
+  "@week": {
+    "description": "Time range option for one week"
+  },
+  "month": "Month",
+  "@month": {
+    "description": "Time range option for one month"
+  },
+  "sixMonths": "6M",
+  "@sixMonths": {
+    "description": "Time range option for six months"
+  },
+  "year": "Year",
+  "@year": {
+    "description": "Time range option for one year"
+  },
+  "all": "All",
+  "@all": {
+    "description": "Time range option for all-time data"
+  },
+  "recentEntries": "Recent entries",
+  "@recentEntries": {},
+  "seeAll": "See all",
+  "@seeAll": {}
 }

lib/l10n/app_en.arb

@@ -1114,5 +1114,19 @@
                 "type": "String"
             }
         }
-    }
+    },
+    "entries": "entradas",
+    "@entries": {},
+    "week": "Semana",
+    "@week": {},
+    "month": "Mes",
+    "@month": {},
+    "sixMonths": "6 Meses",
+    "@sixMonths": {},
+    "year": "Año",
+    "@year": {},
+    "recentEntries": "Entradas recientes",
+    "@recentEntries": {},
+    "seeAll": "Ver todos",
+    "@seeAll": {}
 }

lib/l10n/app_es.arb

@@ -1126,5 +1126,19 @@
     "enterTextInLanguage": "Veuillez saisir le texte dans la bonne langue !",
     "@enterTextInLanguage": {},
     "endWorkout": "Terminer l'entraînement",
-    "@endWorkout": {}
+    "@endWorkout": {},
+    "entries": "entrées",
+    "@entries": {},
+    "week": "Semaine",
+    "@week": {},
+    "month": "Mois",
+    "@month": {},
+    "sixMonths": "6 Mois",
+    "@sixMonths": {},
+    "year": "Année",
+    "@year": {},
+    "recentEntries": "Entrées récentes",
+    "@recentEntries": {},
+    "seeAll": "Voir tout",
+    "@seeAll": {}
 }

lib/l10n/app_fr.arb

@@ -1012,5 +1012,19 @@
     "systemMode": "Ustawienia systemu",
     "@systemMode": {},
     "fitInWeek": "Dopasuj w tygodniu",
-    "@fitInWeek": {}
+    "@fitInWeek": {},
+    "entries": "wpisy",
+    "@entries": {},
+    "week": "Tydzień",
+    "@week": {},
+    "month": "Miesiąc",
+    "@month": {},
+    "sixMonths": "6 miesięcy",
+    "@sixMonths": {},
+    "year": "Rok",
+    "@year": {},
+    "recentEntries": "Ostatnie wpisy",
+    "@recentEntries": {},
+    "seeAll": "Zobacz wszystkie",
+    "@seeAll": {}
 }

lib/l10n/app_pl.arb

@@ -1032,5 +1032,19 @@
     "identicalExercisePleaseDiscard": "Se encontrares um exercício igual ao que estás a introduzir, por favor descarta o teu rascunho e edita antes esse exercício.",
     "@identicalExercisePleaseDiscard": {},
     "overview": "Panorama",
-    "@overview": {}
+    "@overview": {},
+    "entries": "entradas",
+    "@entries": {},
+    "week": "Semana",
+    "@week": {},
+    "month": "Mês",
+    "@month": {},
+    "sixMonths": "6 Meses",
+    "@sixMonths": {},
+    "year": "Ano",
+    "@year": {},
+    "recentEntries": "Entradas recentes",
+    "@recentEntries": {},
+    "seeAll": "Ver todos",
+    "@seeAll": {}
 }

lib/l10n/app_pt.arb

@@ -48,7 +48,6 @@ import 'package:wger/screens/home_tabs_screen.dart';
 import 'package:wger/screens/log_meal_screen.dart';
 import 'package:wger/screens/log_meals_screen.dart';
 import 'package:wger/screens/measurement_categories_screen.dart';
-import 'package:wger/screens/measurement_entries_screen.dart';
 import 'package:wger/screens/nutritional_diary_screen.dart';
 import 'package:wger/screens/nutritional_plan_screen.dart';
 import 'package:wger/screens/nutritional_plans_screen.dart';
@@ -58,7 +57,6 @@ import 'package:wger/screens/routine_logs_screen.dart';
 import 'package:wger/screens/routine_screen.dart';
 import 'package:wger/screens/splash_screen.dart';
 import 'package:wger/screens/update_app_screen.dart';
-import 'package:wger/screens/weight_screen.dart';
 import 'package:wger/theme/theme.dart';
 import 'package:wger/widgets/core/about.dart';
 import 'package:wger/widgets/core/log_overview.dart';
@@ -234,13 +232,11 @@ class MainApp extends StatelessWidget {
               GymModeScreen.routeName: (ctx) => const GymModeScreen(),
               HomeTabsScreen.routeName: (ctx) => HomeTabsScreen(),
               MeasurementCategoriesScreen.routeName: (ctx) => const MeasurementCategoriesScreen(),
-              MeasurementEntriesScreen.routeName: (ctx) => const MeasurementEntriesScreen(),
               NutritionalPlansScreen.routeName: (ctx) => const NutritionalPlansScreen(),
               NutritionalDiaryScreen.routeName: (ctx) => const NutritionalDiaryScreen(),
               NutritionalPlanScreen.routeName: (ctx) => const NutritionalPlanScreen(),
               LogMealsScreen.routeName: (ctx) => const LogMealsScreen(),
               LogMealScreen.routeName: (ctx) => const LogMealScreen(),
-              WeightScreen.routeName: (ctx) => const WeightScreen(),
               RoutineScreen.routeName: (ctx) => const RoutineScreen(),
               RoutineEditScreen.routeName: (ctx) => const RoutineEditScreen(),
               WorkoutLogsScreen.routeName: (ctx) => const WorkoutLogsScreen(),