Add Helper text to Empty Tabs #281

lib/l10n/app_en.arb

@@ -648,5 +648,6 @@
   "quads": "Quads",
   "arms": "Arms",
   "sz_bar": "SZ-Bar",
-  "aboutPageTitle": "About Wger"
+  "aboutPageTitle": "About Wger",
+  "noItems": "No Items"
 }

lib/screens/workout_plans_screen.dart

@@ -47,7 +47,9 @@ class WorkoutPlansScreen extends StatelessWidget {
         },
       ),
       body: Consumer<WorkoutPlansProvider>(
-        builder: (context, workoutProvider, child) => WorkoutPlansList(workoutProvider),
+        builder: (context, workoutProvider, child) {
+          return WorkoutPlansList(workoutProvider);
+        },
       ),
     );
   }

lib/widgets/core/no_items.dart

@@ -0,0 +1,27 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_gen/gen_l10n/app_localizations.dart';
+import 'package:flutter_svg/flutter_svg.dart';
+
+class NoItemsWidget extends StatelessWidget {
+  static const String routeName = '/NoDataPage';
+  const NoItemsWidget({Key? key}) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    final deviceSize = MediaQuery.of(context).size;
+
+    return Column(
+      mainAxisAlignment: MainAxisAlignment.center,
+      children: [
+        Center(
+          child: SvgPicture.asset(
+            'assets/images/no_items.svg',
+            height: 0.15 * deviceSize.height,
+          ),
+        ),
+        SizedBox(height: 0.025 * deviceSize.height),
+        Text(AppLocalizations.of(context).noItems),
+      ],
+    );
+  }
+}

lib/widgets/gallery/overview.dart

@@ -17,13 +17,13 @@
  */
 
 import 'package:flutter/material.dart';
-import 'package:flutter/widgets.dart';
 import 'package:flutter_gen/gen_l10n/app_localizations.dart';
 import 'package:flutter_staggered_grid_view/flutter_staggered_grid_view.dart';
 import 'package:intl/intl.dart';
 import 'package:provider/provider.dart';
 import 'package:wger/providers/gallery.dart';
 import 'package:wger/screens/form_screen.dart';
+import 'package:wger/widgets/core/no_items.dart';
 
 import 'forms.dart';
 
@@ -34,6 +34,10 @@ class Gallery extends StatelessWidget {
   Widget build(BuildContext context) {
     final provider = Provider.of<GalleryProvider>(context);
 
+    if (provider.images.isEmpty) {
+      return const NoItemsWidget();
+    }
+
     return Padding(
       padding: const EdgeInsets.all(5),
       child: MasonryGridView.count(

lib/widgets/nutrition/nutritional_plans_list.dart

@@ -21,13 +21,17 @@ import 'package:flutter_gen/gen_l10n/app_localizations.dart';
 import 'package:intl/intl.dart';
 import 'package:wger/providers/nutrition.dart';
 import 'package:wger/screens/nutritional_plan_screen.dart';
+import 'package:wger/widgets/core/no_items.dart';
 
 class NutritionalPlansList extends StatelessWidget {
   final NutritionPlansProvider _nutritionProvider;
   const NutritionalPlansList(this._nutritionProvider);
 
   @override
   Widget build(BuildContext context) {
+    if (_nutritionProvider.items.isEmpty) {
+      return const NoItemsWidget();
+    }
     return ListView.builder(
       padding: const EdgeInsets.all(10.0),
       itemCount: _nutritionProvider.items.length,

lib/widgets/workouts/workout_plans_list.dart

@@ -22,6 +22,7 @@ import 'package:intl/intl.dart';
 import 'package:provider/provider.dart';
 import 'package:wger/providers/workout_plans.dart';
 import 'package:wger/screens/workout_plan_screen.dart';
+import 'package:wger/widgets/core/no_items.dart';
 
 class WorkoutPlansList extends StatelessWidget {
   final WorkoutPlansProvider _workoutProvider;
@@ -30,6 +31,10 @@ class WorkoutPlansList extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
+    if (_workoutProvider.items.isEmpty) {
+      return const NoItemsWidget();
+    }
+
     return ListView.builder(
       padding: const EdgeInsets.all(10.0),
       itemCount: _workoutProvider.items.length,