Name Pages

- Give pages names.

Author: rayliverified

lib/components/blog.dart

@@ -4,7 +4,8 @@ import 'package:minimal/components/color.dart';
 import 'package:minimal/components/spacing.dart';
 import 'package:minimal/components/text.dart';
 import 'package:minimal/components/typography.dart';
-import 'package:minimal/routes.dart';
+import 'package:minimal/pages/page_post.dart';
+import 'package:minimal/pages/page_typography.dart';
 
 class ImageWrapper extends StatelessWidget {
   final String image;
@@ -313,7 +314,7 @@ class ListItem extends StatelessWidget {
           child: Container(
             margin: marginBottom24,
             child: ReadMoreButton(
-              onPressed: () => Navigator.pushNamed(context, Routes.post),
+              onPressed: () => Navigator.pushNamed(context, PostPage.name),
             ),
           ),
         ),
@@ -377,7 +378,7 @@ class MinimalMenuBar extends StatelessWidget {
                       ),
                       TextButton(
                         onPressed: () =>
-                            Navigator.pushNamed(context, Routes.style),
+                            Navigator.pushNamed(context, TypographyPage.name),
                         style: menuButtonStyle,
                         child: const Text(
                           "STYLE",

lib/main.dart

@@ -16,25 +16,22 @@ class MyApp extends StatelessWidget {
       builder: (context, child) => ResponsiveBreakpoints.builder(
         child: BouncingScrollWrapper.builder(context, child!),
         breakpoints: [
-          const Breakpoint(
-            start: 0,
-            end: 450,
-            name: MOBILE,
-          ),
+          const Breakpoint(start: 0, end: 450, name: MOBILE),
           const Breakpoint(start: 451, end: 800, name: TABLET),
           const Breakpoint(start: 801, end: 1920, name: DESKTOP),
           const Breakpoint(start: 1921, end: double.infinity, name: '4K'),
         ],
       ),
-      initialRoute: Routes.home,
+      initialRoute: '/',
       onGenerateRoute: (RouteSettings settings) {
         return Routes.fadeThrough(settings, (context) {
           switch (settings.name) {
-            case Routes.home:
+            case '/':
+            case ListPage.name:
               return const ListPage();
-            case Routes.post:
+            case PostPage.name:
               return const PostPage();
-            case Routes.style:
+            case TypographyPage.name:
               return const TypographyPage();
             default:
               return const SizedBox.shrink();

lib/pages/page_list.dart

@@ -7,6 +7,8 @@ const String listItemPreviewText =
     "Sed elementum tempus egestas sed sed risus. Mauris in aliquam sem fringilla ut morbi tincidunt. Placerat vestibulum lectus mauris ultrices eros. Et leo duis ut diam. Auctor neque vitae tempus […]";
 
 class ListPage extends StatelessWidget {
+  static const String name = 'list';
+
   const ListPage({Key? key}) : super(key: key);
 
   @override

lib/pages/page_post.dart

@@ -2,6 +2,8 @@ import 'package:flutter/material.dart';
 import 'package:minimal/components/components.dart';
 
 class PostPage extends StatelessWidget {
+  static const String name = 'post';
+
   const PostPage({Key? key}) : super(key: key);
 
   @override

lib/pages/page_typography.dart

@@ -2,6 +2,8 @@ import 'package:flutter/material.dart';
 import 'package:minimal/components/components.dart';
 
 class TypographyPage extends StatelessWidget {
+  static const String name = 'typography';
+
   const TypographyPage({Key? key}) : super(key: key);
 
   @override

lib/routes.dart

@@ -2,10 +2,6 @@ import 'package:animations/animations.dart';
 import 'package:flutter/widgets.dart';
 
 class Routes {
-  static const String home = "/";
-  static const String post = "post";
-  static const String style = "style";
-
   static Route<T> fadeThrough<T>(RouteSettings settings, WidgetBuilder page,
       {int duration = 300}) {
     return PageRouteBuilder<T>(