initialized Dashboard Page

lib/features/devices/view/devices_view.dart

@@ -0,0 +1,18 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:syncrow_app/features/devices/bloc/devices_cubit.dart';
+import 'package:syncrow_app/features/devices/view/widgets/devices_view_body.dart';
+
+class DevicesView extends StatelessWidget {
+  const DevicesView({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return BlocProvider(
+      create: (context) => DevicesCubit(),
+      child: BlocBuilder<DevicesCubit, DevicesState>(
+        builder: (context, state) => const DevicesViewBody(),
+      ),
+    );
+  }
+}

lib/features/devices/view/widgets/devices_view_body.dart

@@ -0,0 +1,24 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
+
+import '../../bloc/devices_cubit.dart';
+import 'no_devices_view.dart';
+
+class DevicesViewBody extends StatelessWidget {
+  const DevicesViewBody({
+    super.key,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return BlocProvider(
+        create: (context) => DevicesCubit(),
+        child: BlocBuilder<DevicesCubit, DevicesState>(
+          builder: (context, state) {
+            return DevicesCubit.get(context).devices.isEmpty
+                ? const NoDevicesView()
+                : const SizedBox();
+          },
+        ));
+  }
+}

lib/features/devices/view/widgets/no_devices_view.dart

@@ -0,0 +1,39 @@
+import 'package:flutter/material.dart';
+import 'package:gap/gap.dart';
+import 'package:syncrow_app/features/shared_widgets/default_text_button.dart';
+import 'package:syncrow_app/utils/resource_manager/assets_manager.dart';
+
+class NoDevicesView extends StatelessWidget {
+  const NoDevicesView({
+    super.key,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return Center(
+      child: Column(
+        mainAxisAlignment: MainAxisAlignment.center,
+        children: [
+          Image.asset(
+            ImageManager.boxEmpty,
+            opacity: const AlwaysStoppedAnimation(0.5),
+            scale: 1,
+            width: 140,
+          ),
+          const Gap(15),
+          const Text(
+            'No Devices',
+            style: TextStyle(
+              color: Colors.grey,
+              fontSize: 18,
+            ),
+          ),
+          const Gap(15),
+          const DefaultTextButton(
+            text: 'Add Device',
+          ),
+        ],
+      ),
+    );
+  }
+}