Refactor WardrobeScreen to use AppRepository and improve data fetching, and readd material design

Author: suggestied

lib/router/app_router.dart

@@ -59,7 +59,7 @@ class AppRouter {
               GoRoute(
                 path: '/wardrobe',
                 name: 'Wardrobe',
-                builder: (context, state) => const WardrobeScreen(),
+                builder: (context, state) => WardrobeScreen(),
               ),
             ],
           ),

lib/ui/screens/wardrobe/page.dart

@@ -1,11 +1,15 @@
 import 'package:flutter/material.dart';
-import 'package:openwardrobe/brick/models/Wardrobe_Item.model.dart';
-import 'package:openwardrobe/services/wardrobe_item_service.dart';
+import 'package:openwardrobe/brick/models/wardrobe_item.model.dart';
+import 'package:openwardrobe/repositories/app_repository.dart';
 // import  waardrobe service from this project
 import 'package:get_it/get_it.dart';
+import 'package:openwardrobe/ui/widgets/wardrobe_item/wardrobe_item_component.dart';
 
 class WardrobeScreen extends StatelessWidget {
-  const WardrobeScreen({super.key});
+   WardrobeScreen({super.key});
+
+  final appRepo = GetIt.instance<AppRepository>();
+  
 
   @override
   Widget build(BuildContext context) {
@@ -26,30 +30,26 @@ class WardrobeScreen extends StatelessWidget {
                 child: ConstrainedBox(
                   constraints: const BoxConstraints(maxWidth: 500),
                   child: FutureBuilder<List<WardrobeItem>>(
-                    future: GetIt.instance<WardrobeItemService>().getAll(),
-                    builder: (context, snapshot) {
-                      if (snapshot.connectionState == ConnectionState.waiting) {
-                        return const Center(child: CircularProgressIndicator());
-                      }
-
-                      if (snapshot.hasError) {
-                        return Center(child: Text('Error: ${snapshot.error}'));
-                      }
-
-                      final items = snapshot.data ?? [];
-
-                      if (items.isEmpty) {
-                        return const Center(child: Text('No items found'));
-                      }
+                  future: appRepo.get<WardrobeItem>(),
+                  builder: (context, snapshot) {
 
+                    if (snapshot.connectionState == ConnectionState.waiting) {
+                      return const Center(child: CircularProgressIndicator());
+                    } else if (snapshot.hasError) {
+                      return Center(
+                        child: Text('Error: ${snapshot.error}'),
+                      );
+                    } else if (!snapshot.hasData || snapshot.data!.isEmpty) {
+                      return const Center(child: Text('No items found'));
+                    } else {
+                      final items = snapshot.data!;
                       return ListView.builder(
                         itemCount: items.length,
-                        itemBuilder: (context, index) {
-                          return ListTile(title: Text("test"));
-                        },
+                        itemBuilder: (context, i) => WardrobeItemComponent(item: items[i]),
                       );
-                    },
-                  ),
+                    }
+                  },
+                ),
                 ),
               )
             ],

pubspec.lock

@@ -334,6 +334,14 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "3.0.6"
+  cupertino_icons:
+    dependency: "direct main"
+    description:
+      name: cupertino_icons
+      sha256: ba631d1c7f7bef6b729a622b7b752645a2d076dba9976925b8f25725a30e1ee6
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.0.8"
   dart_style:
     dependency: transitive
     description:
@@ -427,14 +435,6 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "9.0.0"
-  flutter_dotenv:
-    dependency: "direct main"
-    description:
-      name: flutter_dotenv
-      sha256: b7c7be5cd9f6ef7a78429cabd2774d3c4af50e79cb2b7593e3d5d763ef95c61b
-      url: "https://pub.dev"
-    source: hosted
-    version: "5.2.1"
   flutter_lints:
     dependency: "direct dev"
     description:

pubspec.yaml

@@ -7,19 +7,23 @@ version: 1.0.0+1
 environment:
   sdk: '>=3.6.2 <4.0.0'
 
+flutter:
+  uses-material-design: true
+
+
 dependencies:
   flutter:
     sdk: flutter
 
-  flutter_dotenv: ^5.2.1
-  supabase_flutter: ^2.8.3
+  cupertino_icons: ^1.0.8
   go_router: ^14.7.2
   connectivity_plus: ^6.1.2
   path_provider: ^2.1.5
   flutter_bloc: ^9.0.0
   equatable: ^2.0.7
   supabase_auth_ui: ^0.5.4
   file_picker: ^8.3.5
+  supabase_flutter: ^2.8.3
   brick_offline_first_with_supabase: ^1.3.0
   get_it: ^8.0.3
   sqflite: ^2.4.1