feat: Implement new space view

lib/pages/views/chat_list_view.dart

@@ -119,6 +119,17 @@ class ChatListView extends StatelessWidget {
                                     ],
                                   ),
                                 ),
+                                PopupMenuItem(
+                                  value: PopupMenuAction.newSpace,
+                                  child: Row(
+                                    mainAxisSize: MainAxisSize.min,
+                                    children: [
+                                      Icon(Icons.group_work_outlined),
+                                      SizedBox(width: 12),
+                                      Text(L10n.of(context).createNewSpace),
+                                    ],
+                                  ),
+                                ),
                                 PopupMenuItem(
                                   value: PopupMenuAction.invite,
                                   child: Row(
@@ -366,6 +377,7 @@ class ChatListView extends StatelessWidget {
 
 enum ChatListPopupMenuItemActions {
   createGroup,
+  createSpace,
   discover,
   setStatus,
   inviteContact,

lib/pages/views/new_space_view.dart

@@ -0,0 +1,55 @@
+import 'package:fluffychat/widgets/layouts/max_width_body.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_gen/gen_l10n/l10n.dart';
+
+import '../new_space.dart';
+
+class NewSpaceView extends StatelessWidget {
+  final NewSpaceController controller;
+
+  const NewSpaceView(this.controller, {Key key}) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(
+        leading: BackButton(),
+        title: Text(L10n.of(context).createNewSpace),
+        elevation: 0,
+      ),
+      body: MaxWidthBody(
+        child: Column(
+          mainAxisSize: MainAxisSize.min,
+          children: <Widget>[
+            Padding(
+              padding: const EdgeInsets.all(12.0),
+              child: TextField(
+                controller: controller.controller,
+                autofocus: true,
+                autocorrect: false,
+                textInputAction: TextInputAction.go,
+                onSubmitted: controller.submitAction,
+                decoration: InputDecoration(
+                    labelText: L10n.of(context).spaceName,
+                    prefixIcon: Icon(Icons.people_outlined),
+                    hintText: L10n.of(context).enterASpacepName),
+              ),
+            ),
+            SwitchListTile(
+              title: Text(L10n.of(context).spaceIsPublic),
+              value: controller.publicGroup,
+              onChanged: controller.setPublicGroup,
+            ),
+            Expanded(
+              child: Image.asset('assets/private_chat_wallpaper.png'),
+            ),
+          ],
+        ),
+      ),
+      floatingActionButton: FloatingActionButton(
+        onPressed: controller.submitAction,
+        child: Icon(Icons.arrow_forward_outlined),
+      ),
+    );
+  }
+}