post dialogue

lib/dialogues/makepost.dart

@@ -0,0 +1,46 @@
+import 'package:flutter/material.dart';
+
+class MakePost extends StatelessWidget {
+  const MakePost({Key? key}) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    return SimpleDialog(
+      backgroundColor: Theme.of(context).colorScheme.background,
+      elevation: 0,
+      contentPadding: const EdgeInsets.all(24),
+      insetPadding: const EdgeInsets.all(24),
+      children: [
+        TextFormField(
+          autofocus: true,
+          keyboardType: TextInputType.multiline,
+          minLines: 4,
+          maxLines: null,
+        ),
+        const MakePostActionBar(),
+      ],
+    );
+  }
+}
+
+class MakePostActionBar extends StatelessWidget {
+  const MakePostActionBar({Key? key}) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    return Row(
+      children: [
+        IconButton(
+          onPressed: () {
+            Navigator.of(context).pop();
+          },
+          icon: Icon(Icons.cancel),
+        ),
+        IconButton(
+          onPressed: null,
+          icon: Icon(Icons.save),
+        ),
+      ],
+    );
+  }
+}

lib/partials/main_scaffold.dart

@@ -1,5 +1,6 @@
 import 'package:flutter/material.dart';
 import 'package:localization/localization.dart';
+import 'package:slothmu/dialogues/makepost.dart';
 import 'package:slothmu/pages/chat/chat.dart';
 import 'package:slothmu/pages/notifications/notifications.dart';
 import 'package:slothmu/pages/timeline/timeline.dart';
@@ -26,7 +27,10 @@ class _MainScaffoldState extends State<MainScaffold> {
     final buttons = [
       FloatingActionButton(
         child: const Icon(Icons.chat_bubble),
-        onPressed: () {},
+        onPressed: () => showDialog(
+          context: context,
+          builder: (context) => const MakePost(),
+        ),
       ),
       FloatingActionButton(
         onPressed: () {},

lib/partials/post.dart

@@ -12,7 +12,22 @@ class _PostState extends State<Post> {
   Widget build(BuildContext context) {
     return Column(
       children: [
-        Row(
+        const DisplayName(),
+        postBody(context),
+        postActionBar(context),
+      ],
+    );
+  }
+}
+
+class DisplayName extends StatelessWidget {
+  const DisplayName({
+    Key? key,
+  }) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    return Row(
       children: [
         const Icon(
           Icons.face,
@@ -32,10 +47,6 @@ class _PostState extends State<Post> {
           ],
         ),
       ],
-        ),
-        postBody(context),
-        postActionBar(context),
-      ],
     );
   }
 }
@@ -46,6 +57,8 @@ Widget postBody(context) {
     decoration: BoxDecoration(
       border: Border(
         left: BorderSide(color: Theme.of(context).colorScheme.onSurface),
+        bottom: BorderSide(color: Theme.of(context).colorScheme.onSurface),
+        top: BorderSide(color: Theme.of(context).colorScheme.onSurface),
       ),
     ),
     child: RichText(