From d955b6ef7ee9e30d32839b3fa5b55e95840fa9a2 Mon Sep 17 00:00:00 2001
From: Aman Kumar <thisisamank@gmail.com>
Date: Fri, 29 Jul 2022 22:14:53 +0530
Subject: [PATCH] feat: row count widget added

---
 frontend/app_flowy/.gitignore                 |  3 +-
 .../plugins/grid/src/grid_page.dart           | 30 ++++++++++++++++++-
 .../plugins/grid/src/layout/sizes.dart        |  2 +-
 3 files changed, 32 insertions(+), 3 deletions(-)

diff --git a/frontend/app_flowy/.gitignore b/frontend/app_flowy/.gitignore
index 505fd9136b..e43862d70e 100644
--- a/frontend/app_flowy/.gitignore
+++ b/frontend/app_flowy/.gitignore
@@ -64,4 +64,5 @@ windows/flutter/dart_ffi/
 **/**/*.dll
 **/**/*.so
 **/**/Brewfile.lock.json
-**/.sandbox
\ No newline at end of file
+**/.sandbox
+**/.vscode/
\ No newline at end of file
diff --git a/frontend/app_flowy/lib/workspace/presentation/plugins/grid/src/grid_page.dart b/frontend/app_flowy/lib/workspace/presentation/plugins/grid/src/grid_page.dart
index 82b13867a4..c2466602b6 100755
--- a/frontend/app_flowy/lib/workspace/presentation/plugins/grid/src/grid_page.dart
+++ b/frontend/app_flowy/lib/workspace/presentation/plugins/grid/src/grid_page.dart
@@ -1,14 +1,18 @@
 import 'package:app_flowy/startup/startup.dart';
 import 'package:app_flowy/workspace/application/grid/grid_bloc.dart';
 import 'package:app_flowy/workspace/application/grid/row/row_service.dart';
+import 'package:flowy_infra/size.dart';
+import 'package:flowy_infra/theme.dart';
 import 'package:flowy_infra_ui/style_widget/scrolling/styled_list.dart';
 import 'package:flowy_infra_ui/style_widget/scrolling/styled_scroll_bar.dart';
 import 'package:flowy_infra_ui/style_widget/scrolling/styled_scrollview.dart';
+import 'package:flowy_infra_ui/style_widget/text.dart';
 import 'package:flowy_infra_ui/widget/error_page.dart';
 import 'package:flowy_sdk/protobuf/flowy-folder/view.pb.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
 import 'package:flutter/material.dart';
 import 'package:linked_scroll_controller/linked_scroll_controller.dart';
+import 'package:provider/provider.dart';
 import 'controller/grid_scroll.dart';
 import 'layout/layout.dart';
 import 'layout/sizes.dart';
@@ -250,6 +254,8 @@ class _GridFooter extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
+    final rowCount = context.watch<GridBloc>().state.rowInfos.length;
+    final theme = context.watch<AppTheme>();
     return SliverPadding(
       padding: const EdgeInsets.only(bottom: 200),
       sliver: SliverToBoxAdapter(
@@ -260,7 +266,14 @@ class _GridFooter extends StatelessWidget {
             child: Row(
               children: [
                 SizedBox(width: GridSize.leadingHeaderPadding),
-                const SizedBox(width: 120, child: GridAddRowButton()),
+                Column(
+                  crossAxisAlignment: CrossAxisAlignment.start,
+                  children:  [
+                    const SizedBox(width: 120, child: GridAddRowButton()),
+                    const SizedBox(height: 30),
+                    _rowCountTextWidget(theme: theme,count: rowCount)
+                  ],
+                ),
               ],
             ),
           ),
@@ -268,4 +281,19 @@ class _GridFooter extends StatelessWidget {
       ),
     );
   }
+
+  Widget _rowCountTextWidget({required AppTheme theme, required int count}){
+    return Row(
+      mainAxisAlignment: MainAxisAlignment.start,
+      children: [
+        FlowyText.regular('Count : ',
+         fontSize: 13,
+         color: theme.shader3,
+        ),
+        FlowyText.regular(count.toString(),
+         fontSize: 13,
+        ),
+      ],
+    );
+  }
 }
diff --git a/frontend/app_flowy/lib/workspace/presentation/plugins/grid/src/layout/sizes.dart b/frontend/app_flowy/lib/workspace/presentation/plugins/grid/src/layout/sizes.dart
index 61e8e0151c..0a137b6d46 100755
--- a/frontend/app_flowy/lib/workspace/presentation/plugins/grid/src/layout/sizes.dart
+++ b/frontend/app_flowy/lib/workspace/presentation/plugins/grid/src/layout/sizes.dart
@@ -5,7 +5,7 @@ class GridSize {
 
   static double get scrollBarSize => 12 * scale;
   static double get headerHeight => 40 * scale;
-  static double get footerHeight => 40 * scale;
+  static double get footerHeight => 100 * scale;
   static double get leadingHeaderPadding => 50 * scale;
   static double get trailHeaderPadding => 140 * scale;
   static double get headerContainerPadding => 0 * scale;