feat: display no access page (#5941)

* feat: display no access page

* fix: optimize the primary rounded button

frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/mention/mention_page_block.dart

@@ -1,4 +1,5 @@
 import 'package:appflowy/generated/flowy_svgs.g.dart';
+import 'package:appflowy/generated/locale_keys.g.dart';
 import 'package:appflowy/mobile/application/mobile_router.dart';
 import 'package:appflowy/plugins/base/emoji/emoji_text.dart';
 import 'package:appflowy/plugins/document/application/document_bloc.dart';
@@ -21,6 +22,7 @@ import 'package:appflowy_editor/appflowy_editor.dart'
         TextTransaction,
         paragraphNode;
 import 'package:collection/collection.dart';
+import 'package:easy_localization/easy_localization.dart';
 import 'package:flowy_infra_ui/flowy_infra_ui.dart';
 import 'package:flowy_infra_ui/style_widget/hover.dart';
 import 'package:flutter/material.dart';
@@ -105,15 +107,22 @@ class _MentionPageBlockState extends State<MentionPageBlock> {
         // memorize the result
         pageMemorizer[widget.pageId] = view;
         if (view == null) {
-          return const SizedBox.shrink();
+          return FlowyHover(
+            child: Padding(
+              padding: const EdgeInsets.symmetric(horizontal: 4),
+              child: FlowyText(
+                LocaleKeys.document_mention_noAccess.tr(),
+                color: Theme.of(context).disabledColor,
+                decoration: TextDecoration.underline,
+                fontSize: widget.textStyle?.fontSize,
+                fontWeight: widget.textStyle?.fontWeight,
+              ),
+            ),
+          );
         }
 
         final iconSize = widget.textStyle?.fontSize ?? 16.0;
-        final child = GestureDetector(
+        Widget child = Row(
-          onTap: handleTap,
-          onDoubleTap: handleDoubleTap,
-          behavior: HitTestBehavior.translucent,
-          child: Row(
           mainAxisSize: MainAxisSize.min,
           children: [
             const HSpace(4),
@@ -135,27 +144,32 @@ class _MentionPageBlockState extends State<MentionPageBlock> {
               fontSize: widget.textStyle?.fontSize,
               fontWeight: widget.textStyle?.fontWeight,
             ),
-              const HSpace(2),
+            const HSpace(4),
           ],
-          ),
         );
 
-        if (PlatformExtension.isMobile) {
+        if (PlatformExtension.isDesktop) {
-          return child;
+          child = Padding(
-        }
-
-        return Padding(
             padding: const EdgeInsets.symmetric(horizontal: 2),
             child: FlowyHover(
               cursor: SystemMouseCursors.click,
               child: child,
             ),
           );
+        }
+
+        return GestureDetector(
+          onTap: handleTap,
+          onDoubleTap: PlatformExtension.isMobile ? handleDoubleTap : null,
+          behavior: HitTestBehavior.opaque,
+          child: child,
+        );
       },
     );
   }
 
   Future<void> handleTap() async {
+    debugPrint('handleTap');
     final view = await fetchView(widget.pageId);
     if (view == null) {
       Log.error('Page(${widget.pageId}) not found');

frontend/appflowy_flutter/lib/plugins/shared/share/_shared.dart

@@ -43,6 +43,7 @@ class ShareMenuButton extends StatelessWidget {
           ),
           child: PrimaryRoundedButton(
             text: LocaleKeys.shareAction_buttonText.tr(),
+            figmaLineHeight: 16,
           ),
         ),
       ),

frontend/appflowy_flutter/lib/plugins/shared/share/publish_tab.dart

@@ -263,6 +263,8 @@ class _PublishButton extends StatelessWidget {
       text: LocaleKeys.shareAction_publish.tr(),
       useIntrinsicWidth: false,
       margin: const EdgeInsets.symmetric(vertical: 9.0),
+      fontSize: 14.0,
+      figmaLineHeight: 18.0,
       onTap: onPublish,
     );
   }

frontend/appflowy_flutter/lib/workspace/presentation/home/menu/sidebar/workspace/_sidebar_workspace_menu.dart

@@ -248,6 +248,7 @@ class _WorkspaceInfo extends StatelessWidget {
               FlowyText.medium(
                 workspace.name,
                 fontSize: 14.0,
+                figmaLineHeight: 17.0,
                 overflow: TextOverflow.ellipsis,
                 withTooltip: true,
               ),
@@ -260,6 +261,7 @@ class _WorkspaceInfo extends StatelessWidget {
                         members.length,
                       ),
                 fontSize: 10.0,
+                figmaLineHeight: 12.0,
                 color: Theme.of(context).hintColor,
               ),
             ],

frontend/appflowy_flutter/lib/workspace/presentation/settings/shared/single_setting_action.dart

@@ -113,6 +113,7 @@ class SingleSettingAction extends StatelessWidget {
             fontSize: 12,
             isDangerous: buttonType.isDangerous,
             onPressed: onPressed,
+            lineHeight: 1.0,
           ),
         ),
       ],

frontend/appflowy_flutter/packages/flowy_infra_ui/lib/style_widget/button.dart

@@ -306,6 +306,7 @@ class FlowyTextButton extends StatelessWidget {
     this.fontFamily,
     this.isDangerous = false,
     this.borderColor,
+    this.lineHeight,
   });
 
   factory FlowyTextButton.primary({
@@ -362,6 +363,7 @@ class FlowyTextButton extends StatelessWidget {
   final String? fontFamily;
   final bool isDangerous;
   final Color? borderColor;
+  final double? lineHeight;
 
   @override
   Widget build(BuildContext context) {
@@ -375,6 +377,7 @@ class FlowyTextButton extends StatelessWidget {
       overflow: overflow,
       color: textColor,
       textAlign: TextAlign.center,
+      lineHeight: lineHeight,
     ));
 
     Widget child = Row(
@@ -411,7 +414,7 @@ class FlowyTextButton extends StatelessWidget {
               fontSize: fontSize,
               decoration: decoration,
               fontFamily: fontFamily,
-              height: 1.1,
+              height: lineHeight ?? 1.1,
             ),
           ),
           backgroundColor: WidgetStateProperty.resolveWith(

frontend/appflowy_flutter/packages/flowy_infra_ui/lib/style_widget/primary_rounded_button.dart

@@ -15,6 +15,8 @@ class PrimaryRoundedButton extends StatelessWidget {
     this.hoverColor,
     this.backgroundColor,
     this.useIntrinsicWidth = true,
+    this.lineHeight,
+    this.figmaLineHeight,
   });
 
   final String text;
@@ -27,6 +29,8 @@ class PrimaryRoundedButton extends StatelessWidget {
   final Color? hoverColor;
   final Color? backgroundColor;
   final bool useIntrinsicWidth;
+  final double? lineHeight;
+  final double? figmaLineHeight;
 
   @override
   Widget build(BuildContext context) {
@@ -36,6 +40,8 @@ class PrimaryRoundedButton extends StatelessWidget {
         text,
         fontSize: fontSize ?? 14.0,
         fontWeight: fontWeight ?? FontWeight.w500,
+        lineHeight: lineHeight ?? 1.0,
+        figmaLineHeight: figmaLineHeight,
         color: Theme.of(context).colorScheme.onPrimary,
         textAlign: TextAlign.center,
       ),

frontend/resources/translations/en.json

@@ -1766,7 +1766,8 @@
         "tooltip": "Click to open page"
       },
       "deleted": "Deleted",
-      "deletedContent": "This content does not exist or has been deleted"
+      "deletedContent": "This content does not exist or has been deleted",
+      "noAccess": "No Access"
     },
     "toolbar": {
       "resetToDefaultFont": "Reset to default"