add personal account deletion

lib/main.dart

@@ -1,6 +1,7 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_svg/flutter_svg.dart';
 import 'package:shopping_assistant_mobile_client/screens/chat.dart';
+import 'package:shopping_assistant_mobile_client/screens/settings.dart';
 import 'package:shopping_assistant_mobile_client/screens/wishlists.dart';
 
 void main() {
@@ -19,7 +20,7 @@ class MyApp extends StatefulWidget {
   static List<Widget> _widgetOptions = <Widget>[
     WishlistsScreen(),
     ChatScreen(wishlistId: '', wishlistName: 'New Chat', openedFromBottomBar: true),
-    Text(''),
+    SettingsScreen(),
   ];
 
   static const Color _selectedColor = Color.fromRGBO(36, 36, 36, 1);
@@ -29,7 +30,7 @@ class MyApp extends StatefulWidget {
 }
 
 class _MyAppState extends State<MyApp> {
-  int _selectedIndex = 0;
+  int _selectedIndex = 1;
 
   void _onItemTapped(int index) {
     setState(() {

lib/screens/settings.dart

@@ -0,0 +1,127 @@
+import 'package:flutter/material.dart';
+import 'package:graphql/client.dart';
+import 'package:shared_preferences/shared_preferences.dart';
+import 'package:shopping_assistant_mobile_client/network/api_client.dart';
+
+class SettingsScreen extends StatefulWidget {
+  const SettingsScreen({super.key});
+
+  @override
+  State<SettingsScreen> createState() => _SettingsScreenState();
+}
+
+class _SettingsScreenState extends State<SettingsScreen> {
+  var client = ApiClient();
+
+  @override
+  void initState() {
+    super.initState();
+  }
+
+  void _showAccountDeletionConfirmation() {
+    showDialog(
+      context: context,
+      builder: (BuildContext context) {
+        return AlertDialog(
+          title: Text('Confirm Action'),
+          content: Text(
+              'Do you really want to delete your account? You will not be able to restore it.'),
+          actions: <Widget>[
+            TextButton(
+              child: Text('Yes'),
+              onPressed: () async {
+                await _deleteAccount();
+                Navigator.of(context).pop();
+              },
+            ),
+            TextButton(
+              child: Text('Cancel'),
+              onPressed: () {
+                Navigator.of(context).pop();
+              },
+            ),
+          ],
+        );
+      },
+    );
+  }
+
+  Future<void> _deleteAccount() async {
+    var prefs = await SharedPreferences.getInstance();
+
+    const String deleteAccountMutation = r'''
+            mutation deletePersonalUser($guestId: String!) {
+              deletePersonalUser(guestId: $guestId)
+            }
+          ''';
+
+    MutationOptions mutationOptions = MutationOptions(
+        document: gql(deleteAccountMutation),
+        variables: <String, dynamic>{
+          'guestId': prefs.getString('guestId'),
+        });
+
+    await client.mutate(mutationOptions);
+
+    prefs.remove('accessToken');
+    prefs.remove('refreshToken');
+    prefs.remove('guestId');
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      padding: EdgeInsets.symmetric(
+        vertical: 30,
+        horizontal: 20,
+      ),
+      child: Container(
+        height: 85,
+        width: double.infinity,
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            Container(
+              height: 20,
+              margin: EdgeInsets.only(
+                left: 15,
+              ),
+              child: Text(
+                'Account',
+                style: TextStyle(
+                  fontSize: 16,
+                  fontWeight: FontWeight.w500,
+                ),
+              ),
+            ),
+            GestureDetector(
+              onTap: _showAccountDeletionConfirmation,
+              child: Container(
+                height: 55,
+                width: double.infinity,
+                margin: EdgeInsets.only(
+                  top: 10,
+                ),
+                padding: EdgeInsets.only(
+                  left: 15,
+                ),
+                alignment: AlignmentDirectional.centerStart,
+                decoration: BoxDecoration(
+                  color: Color.fromRGBO(234, 234, 234, 1),
+                  borderRadius: BorderRadius.circular(10),
+                ),
+                child: Text(
+                  'Delete Account',
+                  style: TextStyle(
+                    fontSize: 16,
+                    fontWeight: FontWeight.w400,
+                  ),
+                ),
+              ),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}