diff --git a/assets/icons/success-white.svg b/assets/icons/success-white.svg
new file mode 100644
index 0000000..ae7e99d
--- /dev/null
+++ b/assets/icons/success-white.svg
@@ -0,0 +1,14 @@
+<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Group 284">
+<g id="Group">
+<g id="Group_2">
+<path id="Vector" d="M37.8033 16.3571C37.2313 15.7851 36.3039 15.785 35.7318 16.3572L21.5532 30.5356L14.2681 23.2508C13.6962 22.6788 12.7686 22.6787 12.1966 23.2509C11.6246 23.8229 11.6246 24.7504 12.1966 25.3224L20.5174 33.643C20.8034 33.9291 21.1783 34.072 21.5531 34.072C21.928 34.072 22.3029 33.9291 22.5888 33.6429L37.8033 18.4287C38.3754 17.8567 38.3754 16.9292 37.8033 16.3571Z" fill="white"/>
+</g>
+</g>
+<g id="Group_3">
+<g id="Group_4">
+<path id="Vector_2" d="M42.6776 7.32236C37.9558 2.60049 31.6776 0 25 0C18.3223 0 12.0442 2.60049 7.32236 7.32236C2.60039 12.0443 0 18.3224 0 25C0 31.6778 2.60039 37.9559 7.32236 42.6777C12.0441 47.3996 18.3223 50 25 50C31.6777 50 37.9558 47.3996 42.6776 42.6777C47.3995 37.9559 50 31.6778 50 25C50 18.3224 47.3995 12.0443 42.6776 7.32236ZM25 47.0703C12.8304 47.0703 2.92969 37.1696 2.92969 25C2.92969 12.8304 12.8304 2.92969 25 2.92969C37.1696 2.92969 47.0703 12.8304 47.0703 25C47.0703 37.1696 37.1696 47.0703 25 47.0703Z" fill="white"/>
+</g>
+</g>
+</g>
+</svg>
diff --git a/lib/features/shared_widgets/success_dialog.dart b/lib/features/shared_widgets/success_dialog.dart
new file mode 100644
index 0000000..9674302
--- /dev/null
+++ b/lib/features/shared_widgets/success_dialog.dart
@@ -0,0 +1,53 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_svg/svg.dart';
+import 'package:syncrow_app/generated/assets.dart';
+import 'package:syncrow_app/utils/resource_manager/font_manager.dart';
+
+class SuccessDialog extends StatelessWidget {
+  final double dialogWidth;
+  final String message;
+
+  const SuccessDialog(
+      {super.key, this.dialogWidth = 160, required this.message});
+
+  @override
+  Widget build(BuildContext context) {
+    return Dialog(
+      backgroundColor: Colors.transparent,
+      shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(20)),
+      child: Container(
+        width: dialogWidth,
+        height: 120,
+        decoration: BoxDecoration(
+          color: Colors.black.withOpacity(0.7),
+          borderRadius: BorderRadius.circular(15),
+        ),
+        child: Stack(
+          alignment: Alignment.center,
+          children: [
+            Positioned(
+                top: 20,
+                child: SvgPicture.asset(
+                  Assets.assetsSuccessWhite,
+                  width: 50,
+                  height: 50,
+                )),
+            Positioned(
+              bottom: 20,
+              child: Text(
+                message,
+                style: const TextStyle(
+                  color: Colors.white,
+                  fontSize: FontSize.s16,
+                  fontFamily: FontsManager.fontFamily,
+                  fontWeight: FontsManager.regular,
+                  letterSpacing: 0.16,
+                ),
+              ),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}
diff --git a/lib/generated/assets.dart b/lib/generated/assets.dart
index caae2da..a077576 100644
--- a/lib/generated/assets.dart
+++ b/lib/generated/assets.dart
@@ -733,6 +733,10 @@ class Assets {
   static const String playIcon = "assets/icons/play_ic.svg";
   static const String gatewayIcon = "assets/icons/gateway_icon.svg";
 
+  //assets/icons/success-white.svg
+  //assets for success white image
+  static const String assetsSuccessWhite ="assets/icons/success-white.svg";
+
   /// Assets for assetsImagesAutomation
   /// assets/images/automation.jpg
   static const String assetsImagesAutomation = "assets/images/automation.jpg";
@@ -1029,4 +1033,5 @@ class Assets {
 
   static const String assetsPresenceState =
       "assets/icons/functions_icons/automation_functions/presence_state.svg";
+
 }