Merge branch 'development' into issue1377

Author: samruddhi-Rahegaonkar

lib/view/widgets/badge_delete_dialog.dart

@@ -2,80 +2,67 @@ import 'package:flutter/material.dart';
 import 'package:flutter_screenutil/flutter_screenutil.dart';
 
 class DeleteBadgeDialog extends StatelessWidget {
-  const DeleteBadgeDialog({
-    super.key,
-  });
+  const DeleteBadgeDialog({super.key});
 
   @override
   Widget build(BuildContext context) {
     return Dialog(
+      insetPadding: EdgeInsets.symmetric(horizontal: 24.w),
       shape: RoundedRectangleBorder(
-        borderRadius: BorderRadius.circular(5.r),
+        borderRadius: BorderRadius.circular(12.r),
       ),
-      child: Container(
-        height: 110.h,
-        width: 300.w,
-        decoration: BoxDecoration(
-          color: Colors.white,
-          borderRadius: BorderRadius.circular(5.r),
-        ),
+      child: Padding(
+        padding: EdgeInsets.all(20.w),
         child: Column(
+          mainAxisSize: MainAxisSize.min,
+          crossAxisAlignment: CrossAxisAlignment.start,
           children: [
-            SizedBox(
-              height: 10.h,
-            ),
             Row(
               children: [
-                SizedBox(
-                  width: 20,
-                ),
-                Icon(Icons.delete, color: Colors.black),
-                SizedBox(
-                  width: 10,
-                ),
-                Text(
-                  'Delete',
-                  style: TextStyle(
-                    fontSize: 16.sp,
-                    fontWeight: FontWeight.w500,
+                Icon(Icons.delete_outline, color: Colors.red),
+                SizedBox(width: 10.w),
+                Expanded(
+                  child: Text(
+                    'Delete Badge',
+                    style: TextStyle(
+                      fontSize: 18.sp,
+                      fontWeight: FontWeight.w600,
+                    ),
                   ),
                 ),
               ],
             ),
-            SizedBox(
-              height: 7.h,
-            ),
-            Row(
-              children: [
-                SizedBox(
-                  width: 20,
-                ),
-                Text('Are you sure want to delete this badge?',
-                    style: TextStyle(fontSize: 14.sp)),
-              ],
-            ),
-            SizedBox(
-              height: 10.h,
+            SizedBox(height: 16.h),
+            Text(
+              'Are you sure you want to delete this badge? This action cannot be undone.',
+              style: TextStyle(fontSize: 15.sp),
             ),
+            SizedBox(height: 24.h),
             Row(
               mainAxisAlignment: MainAxisAlignment.end,
               children: [
                 TextButton(
-                  onPressed: () {
-                    Navigator.of(context).pop(false);
-                  },
-                  child: const Text(
+                  onPressed: () => Navigator.of(context).pop(false),
+                  child: Text(
                     'Cancel',
-                    style: TextStyle(color: Colors.red),
+                    style: TextStyle(
+                      color: Theme.of(context).colorScheme.secondary,
+                      fontSize: 14.sp,
+                    ),
                   ),
                 ),
-                TextButton(
-                  onPressed: () {
-                    Navigator.of(context).pop(true);
-                  },
-                  child: const Text(
-                    'OK',
-                    style: TextStyle(color: Colors.red),
+                SizedBox(width: 8.w),
+                ElevatedButton(
+                  style: ElevatedButton.styleFrom(
+                    backgroundColor: Colors.red,
+                    padding:
+                        EdgeInsets.symmetric(horizontal: 20.w, vertical: 10.h),
+                    minimumSize: Size(64.w, 36.h),
+                  ),
+                  onPressed: () => Navigator.of(context).pop(true),
+                  child: Text(
+                    'Delete',
+                    style: TextStyle(fontSize: 14.sp, color: Colors.white),
                   ),
                 ),
               ],