Implementing HomePage

packages/uni_app/lib/view/common_widgets/pages_layouts/general/general.dart

@@ -112,13 +112,12 @@ abstract class GeneralPageViewState<T extends StatefulWidget> extends State<T> {
 
   Widget getScaffold(BuildContext context, Widget body) {
     return MediaQuery.removePadding(
-      // Prevent misalignment of navbar icons
       context: context,
       removeBottom: true,
       child: Scaffold(
         backgroundColor: Theme.of(context).colorScheme.surface,
         appBar: getTopNavbar(context),
-        extendBody: true, // Allow body to appear behind the bottom navbar
+        extendBody: true,
         bottomNavigationBar: const AppBottomNavbar(),
         body: RefreshState(
           onRefresh: onRefresh,

packages/uni_app/lib/view/home/widgets/exam_home_card.dart

@@ -6,6 +6,7 @@ import 'package:uni/model/providers/lazy/exam_provider.dart';
 import 'package:uni/utils/date_time_formatter.dart';
 import 'package:uni/utils/string_formatter.dart';
 import 'package:uni/view/home/widgets/generic_home_card.dart';
+import 'package:uni/view/home/widgets/timeline_shimmer.dart';
 import 'package:uni/view/lazy_consumer.dart';
 import 'package:uni/view/locale_notifier.dart';
 import 'package:uni_ui/cards/exam_card.dart';
@@ -39,6 +40,7 @@ class ExamHomeCard extends GenericHomecard {
           onNullContent: const Center(
             child: Text('Sem exames'),
           ),
+          contentLoadingWidget: const ShimmerCardTimeline(),
         );
       },
     );

packages/uni_app/lib/view/home/widgets/restaurant_home_card.dart

@@ -74,13 +74,17 @@ class RestaurantSliderState extends State<RestaurantSlider> {
           ],
         );
       },
-      hasContent: (restaurants) => restaurants
-          .where(
-            (restaurant) => PreferencesController.getFavoriteRestaurants()
-                .contains(restaurant.namePt + restaurant.period),
-          )
-          .isNotEmpty,
-      onNullContent: const Text('Sem restaurantes favoritos'),
+      hasContent: (restaurants) {
+        final favoriteRestaurants = restaurants
+            .where(
+              (restaurant) => PreferencesController.getFavoriteRestaurants()
+                  .contains(restaurant.namePt + restaurant.period),
+            )
+            .toList();
+        return getRestaurantInformation(context, favoriteRestaurants)
+            .isNotEmpty;
+      },
+      onNullContent: const Text('Nenhum restaurante favorito aberto'),
     );
   }
 }

packages/uni_app/lib/view/home/widgets/schedule_home_card.dart

@@ -5,6 +5,7 @@ import 'package:uni/model/entities/lecture.dart';
 import 'package:uni/model/providers/lazy/lecture_provider.dart';
 import 'package:uni/model/utils/time/week.dart';
 import 'package:uni/view/home/widgets/generic_home_card.dart';
+import 'package:uni/view/home/widgets/timeline_shimmer.dart';
 import 'package:uni/view/lazy_consumer.dart';
 import 'package:uni_ui/cards/schedule_card.dart';
 import 'package:uni_ui/cards/timeline_card.dart';
@@ -30,6 +31,7 @@ class ScheduleHomeCard extends GenericHomecard {
       mapper: (lectures) => lectures
           .where((lecture) => lecture.endTime.isAfter(DateTime.now()))
           .toList(),
+      contentLoadingWidget: const ShimmerCardTimeline(),
     );
   }
 

packages/uni_app/lib/view/home/widgets/timeline_shimmer.dart

@@ -0,0 +1,84 @@
+import 'package:flutter/material.dart';
+import 'package:shimmer/shimmer.dart';
+import 'package:uni_ui/common/generic_squircle.dart';
+
+class ShimmerTimelineItem extends StatelessWidget {
+  const ShimmerTimelineItem({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Shimmer.fromColors(
+      baseColor: Colors.grey[300]!,
+      highlightColor: Colors.grey[100]!,
+      child: Row(
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          SizedBox(
+            width: 50,
+            child: Column(
+              children: [
+                Container(
+                  width: 40,
+                  height: 16,
+                  color: Colors.white,
+                ),
+                const SizedBox(height: 4),
+                Container(
+                  width: 30,
+                  height: 12,
+                  color: Colors.white,
+                ),
+              ],
+            ),
+          ),
+          Column(
+            children: [
+              Container(
+                margin: const EdgeInsets.only(bottom: 5, left: 10, right: 10),
+                width: 20,
+                height: 20,
+                decoration: const BoxDecoration(
+                  shape: BoxShape.circle,
+                  color: Colors.white,
+                ),
+              ),
+              Container(
+                margin: const EdgeInsets.only(bottom: 5, left: 10, right: 10),
+                height: 60,
+                width: 3,
+                decoration: const BoxDecoration(
+                  borderRadius: BorderRadius.all(Radius.circular(10)),
+                  color: Colors.white,
+                ),
+              ),
+            ],
+          ),
+          Expanded(
+            child: GenericSquircle(
+              borderRadius: 10,
+              child: Container(
+                height: 70,
+                width: double.infinity,
+                color: Colors.white,
+              ),
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}
+
+class ShimmerCardTimeline extends StatelessWidget {
+  const ShimmerCardTimeline({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return ListView.builder(
+      shrinkWrap: true,
+      physics: const NeverScrollableScrollPhysics(),
+      itemCount: 2,
+      itemBuilder: (context, index) => const ShimmerTimelineItem(),
+    );
+  }
+}