page: Move no-content placeholder widget to page.dart, from home.dart

We can reuse this for the empty message list.

Author: chrisbobbe

lib/widgets/home.dart

@@ -148,40 +148,6 @@ class _HomePageState extends State<HomePage> {
   }
 }
 
-/// A "no content here" message, for the Inbox, Subscriptions, and DMs pages.
-///
-/// This should go near the root of the "page body"'s widget subtree.
-/// In particular, it handles the horizontal device insets.
-/// (The vertical insets are handled externally, by the app bar and bottom nav.)
-class PageBodyEmptyContentPlaceholder extends StatelessWidget {
-  const PageBodyEmptyContentPlaceholder({super.key, required this.message});
-
-  final String message;
-
-  @override
-  Widget build(BuildContext context) {
-    final designVariables = DesignVariables.of(context);
-
-    return SafeArea(
-      minimum: EdgeInsets.symmetric(horizontal: 24),
-      child: Padding(
-        padding: EdgeInsets.only(top: 48, bottom: 16),
-        child: Align(
-          alignment: Alignment.topCenter,
-          // TODO leading and trailing elements, like in Figma (given as SVGs):
-          //   https://www.figma.com/design/1JTNtYo9memgW7vV6d0ygq/Zulip-Mobile?node-id=5957-167736&m=dev
-          child: Text(
-            textAlign: TextAlign.center,
-            style: TextStyle(
-              color: designVariables.labelSearchPrompt,
-              fontSize: 17,
-              height: 23 / 17,
-            ).merge(weightVariableTextStyle(context, wght: 500)),
-            message))));
-  }
-}
-
-
 const kTryAnotherAccountWaitPeriod = Duration(seconds: 5);
 
 class _LoadingPlaceholderPage extends StatefulWidget {

lib/widgets/inbox.dart

@@ -6,9 +6,9 @@ import '../model/narrow.dart';
 import '../model/recent_dm_conversations.dart';
 import '../model/unreads.dart';
 import 'action_sheet.dart';
-import 'home.dart';
 import 'icons.dart';
 import 'message_list.dart';
+import 'page.dart';
 import 'sticky_header.dart';
 import 'store.dart';
 import 'text.dart';

lib/widgets/page.dart

@@ -2,6 +2,8 @@
 import 'package:flutter/material.dart';
 
 import 'store.dart';
+import 'text.dart';
+import 'theme.dart';
 
 /// An [InheritedWidget] for near the root of a page's widget subtree,
 /// providing its [BuildContext].
@@ -210,3 +212,36 @@ class LoadingPlaceholderPage extends StatelessWidget {
     );
   }
 }
+
+/// A "no content here" message, for the Inbox, Subscriptions, and DMs pages.
+///
+/// This should go near the root of the "page body"'s widget subtree.
+/// In particular, it handles the horizontal device insets.
+/// (The vertical insets are handled externally, by the app bar and bottom nav.)
+class PageBodyEmptyContentPlaceholder extends StatelessWidget {
+  const PageBodyEmptyContentPlaceholder({super.key, required this.message});
+
+  final String message;
+
+  @override
+  Widget build(BuildContext context) {
+    final designVariables = DesignVariables.of(context);
+
+    return SafeArea(
+      minimum: EdgeInsets.symmetric(horizontal: 24),
+      child: Padding(
+        padding: EdgeInsets.only(top: 48, bottom: 16),
+        child: Align(
+          alignment: Alignment.topCenter,
+          // TODO leading and trailing elements, like in Figma (given as SVGs):
+          //   https://www.figma.com/design/1JTNtYo9memgW7vV6d0ygq/Zulip-Mobile?node-id=5957-167736&m=dev
+          child: Text(
+            textAlign: TextAlign.center,
+            style: TextStyle(
+              color: designVariables.labelSearchPrompt,
+              fontSize: 17,
+              height: 23 / 17,
+            ).merge(weightVariableTextStyle(context, wght: 500)),
+            message))));
+  }
+}

lib/widgets/recent_dm_conversations.dart

@@ -5,10 +5,10 @@ import '../model/narrow.dart';
 import '../model/recent_dm_conversations.dart';
 import '../model/unreads.dart';
 import 'content.dart';
-import 'home.dart';
 import 'icons.dart';
 import 'message_list.dart';
 import 'new_dm_sheet.dart';
+import 'page.dart';
 import 'store.dart';
 import 'text.dart';
 import 'theme.dart';

lib/widgets/subscription_list.dart

@@ -5,9 +5,9 @@ import '../generated/l10n/zulip_localizations.dart';
 import '../model/narrow.dart';
 import '../model/unreads.dart';
 import 'action_sheet.dart';
-import 'home.dart';
 import 'icons.dart';
 import 'message_list.dart';
+import 'page.dart';
 import 'store.dart';
 import 'text.dart';
 import 'theme.dart';