fix: no banner to restore or delete permanently appears

frontend/appflowy_flutter/lib/plugins/banner.dart

@@ -0,0 +1,74 @@
+import 'package:easy_localization/easy_localization.dart';
+import 'package:flowy_infra/size.dart';
+import 'package:flowy_infra_ui/style_widget/text.dart';
+import 'package:flowy_infra_ui/widget/buttons/base_styled_button.dart';
+import 'package:flowy_infra_ui/widget/spacing.dart';
+import 'package:flutter/material.dart';
+import 'package:appflowy/generated/locale_keys.g.dart';
+
+class OnDeleteBanner extends StatelessWidget {
+  final void Function() onRestore;
+  final void Function() onDelete;
+  const OnDeleteBanner({
+    required this.onRestore,
+    required this.onDelete,
+    Key? key,
+  }) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    final colorScheme = Theme.of(context).colorScheme;
+    return ConstrainedBox(
+      constraints: const BoxConstraints(minHeight: 60),
+      child: Container(
+        width: double.infinity,
+        color: colorScheme.error,
+        child: FittedBox(
+          alignment: Alignment.center,
+          fit: BoxFit.scaleDown,
+          child: Row(
+            children: [
+              FlowyText.medium(
+                LocaleKeys.deletePagePrompt_text.tr(),
+                color: colorScheme.onError,
+                fontSize: 14,
+              ),
+              const HSpace(20),
+              BaseStyledButton(
+                minWidth: 160,
+                minHeight: 40,
+                contentPadding: EdgeInsets.zero,
+                bgColor: Colors.transparent,
+                highlightColor: Theme.of(context).colorScheme.primaryContainer,
+                outlineColor: colorScheme.onError,
+                borderRadius: Corners.s8Border,
+                onPressed: onRestore,
+                child: FlowyText.medium(
+                  LocaleKeys.deletePagePrompt_restore.tr(),
+                  color: colorScheme.onError,
+                  fontSize: 13,
+                ),
+              ),
+              const HSpace(20),
+              BaseStyledButton(
+                minWidth: 220,
+                minHeight: 40,
+                contentPadding: EdgeInsets.zero,
+                bgColor: Colors.transparent,
+                highlightColor: Theme.of(context).colorScheme.primary,
+                outlineColor: colorScheme.onError,
+                borderRadius: Corners.s8Border,
+                onPressed: onDelete,
+                child: FlowyText.medium(
+                  LocaleKeys.deletePagePrompt_deletePermanent.tr(),
+                  color: colorScheme.onError,
+                  fontSize: 13,
+                ),
+              ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+}

frontend/appflowy_flutter/lib/plugins/database_view/application/tar_bar_bloc.dart

@@ -1,5 +1,6 @@
 import 'package:appflowy/plugins/database_view/tar_bar/tab_bar_view.dart';
 import 'package:appflowy/plugins/database_view/tar_bar/tar_bar_add_button.dart';
+import 'package:appflowy/plugins/trash/application/trash_service.dart';
 import 'package:appflowy/workspace/application/view/prelude.dart';
 import 'package:appflowy/workspace/application/view/view_ext.dart';
 import 'package:appflowy_backend/log.dart';
@@ -14,17 +15,38 @@
 part 'tar_bar_bloc.freezed.dart';
 
 class GridTabBarBloc extends Bloc<GridTabBarEvent, GridTabBarState> {
+  final TrashService _trashService;
+  final ViewListener _viewListener;
+
   GridTabBarBloc({
     bool isInlineView = false,
     required ViewPB view,
-  }) : super(GridTabBarState.initial(view)) {
+  })  : _trashService = TrashService(),
+        _viewListener = ViewListener(viewId: view.id),
+        super(GridTabBarState.initial(view)) {
     on<GridTabBarEvent>(
       (event, emit) async {
-        event.when(
+        await event.when(
           initial: () {
             _listenInlineViewChanged();
             _loadChildView();
           },
+          moveToTrash: () async {
+            emit(state.copyWith(isDeleted: true));
+          },
+          restore: () async {
+            emit(state.copyWith(isDeleted: false));
+          },
+          deletePermanently: () async {
+            final result = await _trashService.deleteViews([view.id]);
+            final forceClose = result.fold((l) => true, (r) => false);
+            emit(state.copyWith(forceClose: forceClose));
+          },
+          restorePage: () async {
+            final result = await _trashService.putback(view.id);
+            final isDeleted = result.fold((l) => false, (r) => true);
+            emit(state.copyWith(isDeleted: isDeleted));
+          },
           didLoadChildViews: (List<ViewPB> childViews) {
             emit(
               state.copyWith(
@@ -130,6 +152,7 @@
     for (final tabBar in state.tabBars) {
       await state.tabBarControllerByViewId[tabBar.viewId]?.dispose();
     }
+    await _viewListener.stop();
     return super.close();
   }
 
@@ -143,6 +166,17 @@
     controller?.onViewChildViewChanged = (update) {
       add(GridTabBarEvent.didUpdateChildViews(update));
     };
+
+    _viewListener.start(
+      onViewMoveToTrash: (r) {
+        r.swap().map((r) => add(const GridTabBarEvent.moveToTrash()));
+      },
+      onViewDeleted: (r) {
+        r.swap().map((r) => add(const GridTabBarEvent.moveToTrash()));
+      },
+      onViewRestored: (r) =>
+          r.swap().map((r) => add(const GridTabBarEvent.restore())),
+    );
   }
 
   /// Create tab bar controllers for the new views and return the updated map.
@@ -201,6 +235,10 @@
 @freezed
 class GridTabBarEvent with _$GridTabBarEvent {
   const factory GridTabBarEvent.initial() = _Initial;
+  const factory GridTabBarEvent.moveToTrash() = MoveToTrash;
+  const factory GridTabBarEvent.restore() = Restore;
+  const factory GridTabBarEvent.restorePage() = RestorePage;
+  const factory GridTabBarEvent.deletePermanently() = DeletePermanently;
   const factory GridTabBarEvent.didLoadChildViews(
     List<ViewPB> childViews,
   ) = _DidLoadChildViews;
@@ -223,6 +261,8 @@
     required int selectedIndex,
     required List<TarBar> tabBars,
     required Map<String, DatabaseTarBarController> tabBarControllerByViewId,
+    required bool isDeleted,
+    required bool forceClose,
   }) = _GridTabBarState;
 
   factory GridTabBarState.initial(ViewPB view) {
@@ -236,6 +276,8 @@
           view: view,
         )
       },
+      isDeleted: false,
+      forceClose: false,
     );
   }
 }

frontend/appflowy_flutter/lib/plugins/database_view/tar_bar/tab_bar_view.dart

@@ -1,4 +1,5 @@
 import 'package:appflowy/plugins/database_view/application/tar_bar_bloc.dart';
+import 'package:appflowy/plugins/banner.dart';
 import 'package:appflowy/plugins/database_view/widgets/share_button.dart';
 import 'package:appflowy/plugins/util.dart';
 import 'package:appflowy/startup/plugin/plugin.dart';
@@ -41,9 +42,11 @@
 class DatabaseTabBarView extends StatefulWidget {
   final ViewPB view;
   final bool shrinkWrap;
+  final VoidCallback onDeleted;
   const DatabaseTabBarView({
     required this.view,
     required this.shrinkWrap,
+    required this.onDeleted,
     super.key,
   });
 
@@ -82,55 +85,61 @@
             },
           ),
         ],
-        child: Column(
-          children: [
-            BlocBuilder<GridTabBarBloc, GridTabBarState>(
-              builder: (context, state) {
-                return ValueListenableBuilder<bool>(
-                  valueListenable: state
-                      .tabBarControllerByViewId[state.parentView.id]!
-                      .controller
-                      .isLoading,
-                  builder: (_, value, ___) {
-                    if (value) {
-                      return const SizedBox.shrink();
-                    }
-                    return SizedBox(
-                      height: 30,
-                      child: Padding(
-                        padding: EdgeInsets.symmetric(
-                          horizontal: GridSize.leadingHeaderPadding,
+        child: BlocBuilder<GridTabBarBloc, GridTabBarState>(
+          builder: (context, state) {
+            if (state.forceClose) {
+              widget.onDeleted();
+              return const SizedBox.shrink();
+            } else {
+              return Column(
+                children: [
+                  if (state.isDeleted) _buildBanner(context),
+                  ValueListenableBuilder<bool>(
+                    valueListenable: state
+                        .tabBarControllerByViewId[state.parentView.id]!
+                        .controller
+                        .isLoading,
+                    builder: (_, value, ___) {
+                      if (value) {
+                        return const SizedBox.shrink();
+                      }
+                      return SizedBox(
+                        height: 30,
+                        child: Padding(
+                          padding: EdgeInsets.symmetric(
+                            horizontal: GridSize.leadingHeaderPadding,
+                          ),
+                          child: const TabBarHeader(),
                         ),
-                        child: const TabBarHeader(),
-                      ),
-                    );
-                  },
-                );
-              },
-            ),
-            BlocBuilder<GridTabBarBloc, GridTabBarState>(
-              builder: (context, state) {
-                return pageSettingBarExtensionFromState(state);
-              },
-            ),
-            Expanded(
-              child: BlocBuilder<GridTabBarBloc, GridTabBarState>(
-                builder: (context, state) {
-                  return PageView(
-                    pageSnapping: false,
-                    physics: const NeverScrollableScrollPhysics(),
-                    controller: _pageController,
-                    children: pageContentFromState(state),
-                  );
-                },
-              ),
-            ),
-          ],
+                      );
+                    },
+                  ),
+                  pageSettingBarExtensionFromState(state),
+                  Expanded(
+                    child: PageView(
+                      pageSnapping: false,
+                      physics: const NeverScrollableScrollPhysics(),
+                      controller: _pageController,
+                      children: pageContentFromState(state),
+                    ),
+                  ),
+                ],
+              );
+            }
+          },
         ),
       ),
     );
   }
 
+  Widget _buildBanner(BuildContext context) {
+    final bloc = context.read<GridTabBarBloc>();
+    return OnDeleteBanner(
+      onRestore: () => bloc.add(const GridTabBarEvent.restorePage()),
+      onDelete: () => bloc.add(const GridTabBarEvent.deletePermanently()),
+    );
+  }
+
   List<Widget> pageContentFromState(GridTabBarState state) {
     return state.tabBars.map((tabBar) {
       final controller =
@@ -183,6 +192,7 @@
 
 class DatabasePluginWidgetBuilder extends PluginWidgetBuilder {
   final ViewPluginNotifier notifier;
+  int? deletedViewIndex;
 
   DatabasePluginWidgetBuilder({
     required this.notifier,
@@ -200,14 +210,15 @@
     notifier.isDeleted.addListener(() {
       notifier.isDeleted.value.fold(() => null, (deletedView) {
         if (deletedView.hasIndex()) {
-          context?.onDeleted(notifier.view, deletedView.index);
+          deletedViewIndex = deletedView.index;
         }
       });
     });
     return DatabaseTabBarView(
       key: ValueKey(notifier.view.id),
       view: notifier.view,
       shrinkWrap: shrinkWrap,
+      onDeleted: () => context?.onDeleted(notifier.view, deletedViewIndex),
     );
   }
 

frontend/appflowy_flutter/lib/plugins/document/document_page.dart

@@ -2,8 +2,8 @@
 import 'dart:io';
 
 import 'package:appflowy/generated/locale_keys.g.dart';
+import 'package:appflowy/plugins/banner.dart';
 import 'package:appflowy/plugins/document/application/doc_bloc.dart';
-import 'package:appflowy/plugins/document/presentation/banner.dart';
 import 'package:appflowy/plugins/document/presentation/editor_page.dart';
 import 'package:appflowy/plugins/document/presentation/editor_plugins/plugins.dart';
 import 'package:appflowy/plugins/document/presentation/editor_style.dart';
@@ -118,7 +118,7 @@
   }
 
   Widget _buildBanner(BuildContext context) {
-    return DocumentBanner(
+    return OnDeleteBanner(
       onRestore: () => documentBloc.add(const DocumentEvent.restorePage()),
       onDelete: () => documentBloc.add(const DocumentEvent.deletePermanently()),
     );