rifkyputra · April 21, 2022 11:29 · Apr 21, 2022
diff --git a/register_user_page.dart b/register_user_page.dart
@@ -0,0 +1,47 @@
+class RegisterUserPage extends StatefulWidget {
+  const RegisterUserPage({Key? key}) : super(key: key);
+
+  static const String routeName = 'RegisterUserPage';
+
+  @override
+  State<RegisterUserPage> createState() => _RegisterUserPageState();
+}
+
+class _RegisterUserPageState extends State<RegisterUserPage> {
+  final TextEditingController textEditingController = TextEditingController();
+
+  String username = '';
+  @override
+  Widget build(BuildContext context) {
+    return BlocListener<AppCubit, AppState>(
+      listener: (context, state) {
+        if (state.username != null) {
+          Navigator.of(context).pushNamed(ChatRoomPage.routeName);
+        }
+      },
+      child: Scaffold(
+        body: Column(
+          crossAxisAlignment: CrossAxisAlignment.center,
+          mainAxisAlignment: MainAxisAlignment.center,
+          children: [
+            TextField(
+              controller: textEditingController,
+              decoration: const InputDecoration(
+                hintText: 'Enter Username',
+              ),
+              onChanged: (value) => setState(() => username = value),
+            ),
+            const SizedBox(height: 40),
+            ElevatedButton(
+              onPressed: () => context.read<AppCubit>().saveUsername(username),
+              style: ElevatedButton.styleFrom(
+                shape: const StadiumBorder(),
+              ),
+              child: Text('Enter'),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}