diff --git a/lib/pages/analytics/modules/occupancy/views/analytics_occupancy_view.dart b/lib/pages/analytics/modules/occupancy/views/analytics_occupancy_view.dart index 43336b88..762026ab 100644 --- a/lib/pages/analytics/modules/occupancy/views/analytics_occupancy_view.dart +++ b/lib/pages/analytics/modules/occupancy/views/analytics_occupancy_view.dart @@ -31,7 +31,7 @@ class _AnalyticsOccupancyViewState extends State { child: Column( spacing: 32, children: [ - SizedBox(height: height * 1.2, child: const OccupancyEndSideBar()), + SizedBox(height: height * 0.45, child: const OccupancyEndSideBar()), SizedBox(height: height * 0.5, child: const OccupancyChartBox()), SizedBox(height: height * 0.5, child: const Placeholder()), ], diff --git a/lib/pages/analytics/modules/occupancy/widgets/occupancy_end_side_bar.dart b/lib/pages/analytics/modules/occupancy/widgets/occupancy_end_side_bar.dart index e0526a5d..8c6e8205 100644 --- a/lib/pages/analytics/modules/occupancy/widgets/occupancy_end_side_bar.dart +++ b/lib/pages/analytics/modules/occupancy/widgets/occupancy_end_side_bar.dart @@ -1,5 +1,8 @@ import 'package:flutter/material.dart'; +import 'package:syncrow_web/pages/analytics/models/power_clamp_energy_status.dart'; +import 'package:syncrow_web/pages/analytics/modules/energy_management/widgets/power_clamp_energy_status_widget.dart'; import 'package:syncrow_web/utils/color_manager.dart'; +import 'package:syncrow_web/utils/constants/assets.dart'; import 'package:syncrow_web/utils/extension/build_context_x.dart'; import 'package:syncrow_web/utils/style.dart'; import 'package:uuid/uuid.dart'; @@ -35,10 +38,36 @@ class OccupancyEndSideBar extends StatelessWidget { fontSize: 12, ), ), + const SizedBox(height: 10), + const Divider(height: 1, color: ColorsManager.greyColor), const SizedBox(height: 50), - const Placeholder(fallbackHeight: 150), - const SizedBox(height: 50), - const Expanded(child: Placeholder()), + SizedBox( + height: MediaQuery.sizeOf(context).height * 0.2, + child: const Expanded( + child: PowerClampEnergyStatusWidget( + status: [ + PowerClampEnergyStatus( + iconPath: Assets.presenceState, + title: 'Presence Status', + value: 'Presence', + unit: '', + ), + PowerClampEnergyStatus( + iconPath: Assets.presenceTimeIcon, + title: 'Presence Time', + value: '15 Mins', + unit: '', + ), + PowerClampEnergyStatus( + iconPath: Assets.currentDistanceIcon, + title: 'Detection Distance', + value: '1.5M', + unit: '', + ), + ], + ), + ), + ), const SizedBox(height: 20), ], ),