Add contact page two upper buttons: share QrCode and tobeimplemented

lib/features/contacts/contact_state.dart

@@ -41,7 +41,6 @@ class _ContactStateState extends State<ContactState> {
     });
   }
 
-
   Future<void> addNewContact(Contact contact) async {
     await _contactService.addNewContact(contact);
     await _fetchContacts();

lib/features/contacts/widgets/alphabet_scroll_page.dart

@@ -1,6 +1,7 @@
 import 'package:dialer/widgets/username_color_generator.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_contacts/flutter_contacts.dart';
+import 'package:qr_flutter/qr_flutter.dart';
 import '../contact_state.dart';
 
 class AlphabetScrollPage extends StatefulWidget {
@@ -9,6 +10,15 @@ class AlphabetScrollPage extends StatefulWidget {
 
   const AlphabetScrollPage({Key? key, required this.contacts, required this.scrollOffset}) : super(key: key);
   
+  Contact? getSelfContact() {
+    for (var contact in contacts) {
+      if (contact.displayName.toLowerCase() == "user") {
+        return contact;
+      }
+    }
+    return null;
+  }
+
   @override
   _AlphabetScrollPageState createState() => _AlphabetScrollPageState();
 }
@@ -30,6 +40,7 @@ class _AlphabetScrollPageState extends State<AlphabetScrollPage> {
 
   @override
   Widget build(BuildContext context) {
+    // Build the alphabetized contact map
     Map<String, List<Contact>> alphabetizedContacts = {};
     for (var contact in widget.contacts) {
       String firstLetter = contact.displayName.isNotEmpty ? contact.displayName[0].toUpperCase() : '#';
@@ -41,7 +52,85 @@ class _AlphabetScrollPageState extends State<AlphabetScrollPage> {
 
     List<String> alphabetKeys = alphabetizedContacts.keys.toList()..sort();
 
-    return ListView.builder(
+    return Scaffold(
+      backgroundColor: Colors.black,
+      body: Column(
+        children: [
+          // Top buttons row
+          Container(
+            color: Colors.black,
+            padding: const EdgeInsets.symmetric(horizontal: 16.0, vertical: 8.0),
+            child: Row(
+              mainAxisAlignment: MainAxisAlignment.spaceBetween,
+              children: [
+                // Add Contact Button
+                IconButton(
+                  icon: Icon(Icons.add, color: Colors.blue),
+                  onPressed: () {
+                    // Show pop-up with two mock choices
+                    showDialog(
+                      context: context,
+                      barrierDismissible: true, // Allows dismissal by tapping outside
+                      builder: (BuildContext context) {
+                        return AlertDialog(
+                          backgroundColor: Colors.black,
+                          content: Column(
+                            mainAxisSize: MainAxisSize.min,
+                            children: [
+                              TextButton(
+                                onPressed: () {
+                                  Navigator.of(context).pop();
+                                  // Action for Option 1
+                                },
+                                child: Text("Option 1", style: TextStyle(color: Colors.white)),
+                              ),
+                              TextButton(
+                                onPressed: () {
+                                  Navigator.of(context).pop();
+                                  // Action for Option 2
+                                },
+                                child: Text("Option 2", style: TextStyle(color: Colors.white)),
+                              ),
+                            ],
+                          ),
+                        );
+                      },
+                    );
+                  },
+                ),
+                // QR Code Button
+                IconButton(
+                  icon: Icon(Icons.qr_code, color: widget.getSelfContact() != null ? Colors.blue : Colors.grey),
+
+                  onPressed: widget.getSelfContact() != null ? () {
+                    showDialog(
+                      barrierColor: Colors.white24,
+                      context: context,
+                      barrierDismissible: true,
+                      builder: (BuildContext context) {
+                        return AlertDialog(
+                          backgroundColor: Colors.black,
+                          content: SizedBox(
+                            width: 200,
+                            height: 220,
+                            child: QrImageView(
+                              data: widget.getSelfContact()!.toVCard(),
+                              version: QrVersions.auto,
+                              backgroundColor: Colors.white, // Ensure QR code is visible on black background
+                              size: 200.0,
+                            ),
+                          ),
+                        );
+                      },
+                    );
+                  }: null,
+                )
+              ],
+            ),
+          ),
+          // Contact List
+          Expanded(
+            child: ListView.builder(
               controller: _scrollController,
               itemCount: alphabetKeys.length,
               itemBuilder: (context, index) {
@@ -50,6 +139,7 @@ class _AlphabetScrollPageState extends State<AlphabetScrollPage> {
                 return Column(
                   crossAxisAlignment: CrossAxisAlignment.start,
                   children: [
+                    // Alphabet Letter Header
                     Padding(
                       padding: const EdgeInsets.symmetric(vertical: 8.0, horizontal: 16.0),
                       child: Text(
@@ -57,9 +147,11 @@ class _AlphabetScrollPageState extends State<AlphabetScrollPage> {
                         style: TextStyle(
                           fontSize: 28,
                           fontWeight: FontWeight.bold,
+                          color: Colors.white,
                         ),
                       ),
                     ),
+                    // Contact Entries
                     ...contacts.map((contact) {
                       String phoneNumber = contact.phones.isNotEmpty ? contact.phones.first.number : 'No phone number';
                       Color avatarColor = generateColorFromName(contact.displayName);
@@ -75,8 +167,8 @@ class _AlphabetScrollPageState extends State<AlphabetScrollPage> {
                             style: TextStyle(color: Colors.white),
                           ),
                         ),
-                title: Text(contact.displayName),
+                        title: Text(contact.displayName, style: TextStyle(color: Colors.white)),
-                subtitle: Text(phoneNumber),
+                        subtitle: Text(phoneNumber, style: TextStyle(color: Colors.white70)),
                         onTap: () {
                           // Handle contact tap
                         },
@@ -85,6 +177,10 @@ class _AlphabetScrollPageState extends State<AlphabetScrollPage> {
                   ],
                 );
               },
+            ),
+          ),
+        ],
+      ),
     );
   }
 

pubspec.yaml

@@ -38,6 +38,7 @@ dependencies:
   flutter_contacts: ^1.1.9+2
   permission_handler: ^10.2.0 # For handling permissions
   cached_network_image: ^3.2.3 # For caching contact images
+  qr_flutter: ^4.1.0
 
 dev_dependencies:
   flutter_test: