home layout

lib/components/chat.dart

@@ -5,21 +5,45 @@ class Chat extends ConsumerWidget {
   const Chat({super.key});
 
   @override
-  Widget build(BuildContext context, WidgetRef ref) => Scaffold(
-      appBar: AppBar(title: const Text('Chat')),
-      body: const Center(
-        child: Column(
-          mainAxisAlignment: MainAxisAlignment.center,
-          children: [
-            Text('Home Page'),
-            // ElevatedButton(
-            //   onPressed: () {
-            //     ref.watch(authNotifierProvider.notifier).logout();
-            //   },
-            //   child: const Text("Logout"),
-            // ),
-          ],
-        ),
-      ),
-    );
+  // ignore: prefer_expression_function_bodies
+  Widget build(BuildContext context, WidgetRef ref) {
+    //
+    return Align(
+        alignment: AlignmentDirectional.centerEnd,
+        child: Container(
+          decoration: BoxDecoration(
+            color: Theme.of(context).scaffoldBackgroundColor,
+          ),
+          child: Stack(
+            children: [
+              Column(
+                children: [
+                  Container(
+                    height: 48,
+                    decoration: BoxDecoration(
+                      color: Theme.of(context).primaryColor,
+                    ),
+                    child: Align(
+                      alignment: AlignmentDirectional.centerStart,
+                      child: Padding(
+                        padding:
+                            const EdgeInsetsDirectional.fromSTEB(16, 0, 16, 0),
+                        child: Text("current contact",
+                            textAlign: TextAlign.start,
+                            style: Theme.of(context).textTheme.titleMedium),
+                      ),
+                    ),
+                  ),
+                  Expanded(
+                    child: Container(
+                      decoration: const BoxDecoration(),
+                      child: Text("Chat"),
+                    ),
+                  ),
+                ],
+              ),
+            ],
+          ),
+        ));
+  }
 }

lib/components/chat_list.dart

@@ -0,0 +1,25 @@
+import 'package:flutter/foundation.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+
+class ChatList extends ConsumerWidget {
+  const ChatList({super.key});
+  //final LocalAccount account;
+
+  @override
+  Widget build(BuildContext context, WidgetRef ref) {
+    //final logins = ref.watch(loginsProvider);
+
+    return ConstrainedBox(
+        constraints: const BoxConstraints(maxHeight: 300),
+        child: Column(
+            mainAxisAlignment: MainAxisAlignment.center,
+            children: [const Expanded(child: Text('Chat List'))]));
+  }
+
+  @override
+  void debugFillProperties(DiagnosticPropertiesBuilder properties) {
+    super.debugFillProperties(properties);
+    //properties.add(DiagnosticsProperty<LocalAccount>('account', account));
+  }
+}

lib/components/empty_chat_component_widget.dart

@@ -0,0 +1,36 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+
+class EmptyChatComponentWidget extends ConsumerWidget {
+  const EmptyChatComponentWidget({super.key});
+
+  @override
+  // ignore: prefer_expression_function_bodies
+  Widget build(BuildContext context, WidgetRef ref) {
+    //
+
+    return Container(
+      width: double.infinity,
+      height: double.infinity,
+      decoration: BoxDecoration(
+        color: Theme.of(context).scaffoldBackgroundColor,
+      ),
+      child: Column(
+        mainAxisAlignment: MainAxisAlignment.center,
+        children: [
+          Icon(
+            Icons.chat,
+            color: Theme.of(context).disabledColor,
+            size: 48,
+          ),
+          Text(
+            'Say Something',
+            style: Theme.of(context).textTheme.bodyMedium?.copyWith(
+                  color: Theme.of(context).disabledColor,
+                ),
+          ),
+        ],
+      ),
+    );
+  }
+}

lib/components/empty_contact_list_component_widget.dart

@@ -0,0 +1,35 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+
+class EmptyContactListComponentWidget extends ConsumerWidget {
+  const EmptyContactListComponentWidget({super.key});
+
+  @override
+  // ignore: prefer_expression_function_bodies
+  Widget build(BuildContext context, WidgetRef ref) {
+    //
+    return Container(
+      width: double.infinity,
+      height: double.infinity,
+      decoration: BoxDecoration(
+        color: Theme.of(context).scaffoldBackgroundColor,
+      ),
+      child: Column(
+        mainAxisAlignment: MainAxisAlignment.center,
+        children: [
+          Icon(
+            Icons.group_add,
+            color: Theme.of(context).disabledColor,
+            size: 48,
+          ),
+          Text(
+            'Start A Conversation',
+            style: Theme.of(context).textTheme.bodyMedium?.copyWith(
+                  color: Theme.of(context).disabledColor,
+                ),
+          ),
+        ],
+      ),
+    );
+  }
+}

lib/components/no_conversation_component_widget.dart

@@ -0,0 +1,36 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+
+class NoContactComponentWidget extends ConsumerWidget {
+  const NoContactComponentWidget({super.key});
+
+  @override
+  // ignore: prefer_expression_function_bodies
+  Widget build(BuildContext context, WidgetRef ref) {
+    //
+    return Container(
+      width: double.infinity,
+      height: double.infinity,
+      decoration: BoxDecoration(
+        color: Theme.of(context).primaryColor,
+      ),
+      child: Column(
+        mainAxisSize: MainAxisSize.max,
+        mainAxisAlignment: MainAxisAlignment.center,
+        children: [
+          Icon(
+            Icons.emoji_people_outlined,
+            color: Theme.of(context).disabledColor,
+            size: 48,
+          ),
+          Text(
+            'Choose A Conversation To Chat',
+            style: Theme.of(context).textTheme.bodyMedium?.copyWith(
+                  color: Theme.of(context).disabledColor,
+                ),
+          ),
+        ],
+      ),
+    );
+  }
+}

lib/components/profile.dart

@@ -0,0 +1,37 @@
+import 'package:flutter/foundation.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+
+class ProfileWidget extends ConsumerWidget {
+  const ProfileWidget({
+    required this.name,
+    this.title,
+    super.key,
+  });
+
+  final String name;
+  final String? title;
+
+  @override
+  // ignore: prefer_expression_function_bodies
+  Widget build(BuildContext context, WidgetRef ref) {
+//    final logins = ref.watch(loginsProvider);
+
+    return ConstrainedBox(
+        constraints: const BoxConstraints(maxHeight: 300),
+        child: Column(children: [
+          Text('Profile', style: Theme.of(context).textTheme.headlineMedium),
+          Text(name, style: Theme.of(context).textTheme.bodyMedium),
+          if (title != null && title!.isNotEmpty)
+            Text(title!, style: Theme.of(context).textTheme.bodySmall),
+        ]));
+  }
+
+  @override
+  void debugFillProperties(DiagnosticPropertiesBuilder properties) {
+    super.debugFillProperties(properties);
+    properties
+      ..add(StringProperty('name', name))
+      ..add(StringProperty('title', title));
+  }
+}