fixing active project

firgia · Nov 1, 2021 · d457a2b · d457a2b
1 parent 7d0d8dd
commit d457a2b
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 9 deletions.
diff --git a/lib/app/features/dashboard/views/components/active_project_card.dart b/lib/app/features/dashboard/views/components/active_project_card.dart
@@ -2,12 +2,12 @@ part of dashboard;
 
 class _ActiveProjectCard extends StatelessWidget {
   const _ActiveProjectCard({
-    required this.data,
+    required this.child,
     required this.onPressedSeeAll,
     Key? key,
   }) : super(key: key);
 
-  final List<ProjectCardData> data;
+  final Widget child;
   final Function() onPressedSeeAll;
 
   @override
@@ -32,11 +32,7 @@ class _ActiveProjectCard extends StatelessWidget {
               height: kSpacing,
             ),
             const SizedBox(height: kSpacing),
-            Row(
-              children: data
-                  .map((e) => Expanded(child: ProjectCard(data: e)))
-                  .toList(),
-            )
+            child,
           ],
         ),
       ),

diff --git a/lib/app/features/dashboard/views/screens/dashboard_screen.dart b/lib/app/features/dashboard/views/screens/dashboard_screen.dart
@@ -83,6 +83,8 @@ class DashboardScreen extends GetView<DashboardController> {
                     const SizedBox(height: kSpacing * 2),
                     _buildActiveProject(
                       data: controller.getActiveProject(),
+                      crossAxisCount: 6,
+                      crossAxisCellCount: (constraints.maxWidth < 1360) ? 3 : 2,
                     ),
                     const SizedBox(height: kSpacing),
                   ],
@@ -188,12 +190,28 @@ class DashboardScreen extends GetView<DashboardController> {
     );
   }
 
-  Widget _buildActiveProject({required List<ProjectCardData> data}) {
+  Widget _buildActiveProject({
+    required List<ProjectCardData> data,
+    int crossAxisCount = 6,
+    int crossAxisCellCount = 2,
+  }) {
     return Padding(
       padding: const EdgeInsets.symmetric(horizontal: kSpacing),
       child: _ActiveProjectCard(
         onPressedSeeAll: () {},
-        data: data,
+        child: StaggeredGridView.countBuilder(
+          crossAxisCount: crossAxisCount,
+          itemCount: data.length,
+          addAutomaticKeepAlives: false,
+          mainAxisSpacing: kSpacing,
+          crossAxisSpacing: kSpacing,
+          shrinkWrap: true,
+          itemBuilder: (context, index) {
+            return ProjectCard(data: data[index]);
+          },
+          staggeredTileBuilder: (int index) =>
+              StaggeredTile.fit(crossAxisCellCount),
+        ),
       ),
     );
   }