SP-1658-the-analytics-chart-padding-is-not-aligned-with-the-design.

This commit is contained in:
Faris Armoush
2025-06-03 16:17:14 +03:00
parent 74ae9d7ce1
commit c2c58e6a7a
5 changed files with 21 additions and 14 deletions

View File

@ -23,7 +23,6 @@ class EnergyConsumptionPerDeviceChartBox extends StatelessWidget {
), ),
padding: const EdgeInsets.all(30), padding: const EdgeInsets.all(30),
child: Column( child: Column(
spacing: 20,
crossAxisAlignment: CrossAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start,
children: [ children: [
AnalyticsErrorWidget(state.errorMessage), AnalyticsErrorWidget(state.errorMessage),
@ -52,7 +51,9 @@ class EnergyConsumptionPerDeviceChartBox extends StatelessWidget {
), ),
], ],
), ),
const SizedBox(height: 20),
const Divider(height: 0), const Divider(height: 0),
const SizedBox(height: 20),
Expanded( Expanded(
child: EnergyConsumptionPerDeviceChart(chartData: state.chartData), child: EnergyConsumptionPerDeviceChart(chartData: state.chartData),
), ),

View File

@ -19,7 +19,6 @@ class TotalEnergyConsumptionChartBox extends StatelessWidget {
), ),
padding: const EdgeInsets.all(30), padding: const EdgeInsets.all(30),
child: Column( child: Column(
spacing: 20,
crossAxisAlignment: CrossAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start,
children: [ children: [
AnalyticsErrorWidget(state.errorMessage), AnalyticsErrorWidget(state.errorMessage),
@ -39,7 +38,9 @@ class TotalEnergyConsumptionChartBox extends StatelessWidget {
const Spacer(flex: 4), const Spacer(flex: 4),
], ],
), ),
const SizedBox(height: 20),
const Divider(), const Divider(),
const SizedBox(height: 20),
TotalEnergyConsumptionChart(chartData: state.chartData), TotalEnergyConsumptionChart(chartData: state.chartData),
], ],
), ),

View File

@ -22,7 +22,6 @@ class OccupancyChartBox extends StatelessWidget {
padding: const EdgeInsets.all(30), padding: const EdgeInsets.all(30),
decoration: containerWhiteDecoration, decoration: containerWhiteDecoration,
child: Column( child: Column(
spacing: 20,
mainAxisSize: MainAxisSize.min, mainAxisSize: MainAxisSize.min,
crossAxisAlignment: CrossAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start,
children: [ children: [
@ -65,7 +64,9 @@ class OccupancyChartBox extends StatelessWidget {
), ),
], ],
), ),
const Divider(height: 0), const SizedBox(height: 20),
const Divider(),
const SizedBox(height: 20),
Expanded(child: OccupancyChart(chartData: state.chartData)), Expanded(child: OccupancyChart(chartData: state.chartData)),
], ],
), ),

View File

@ -22,7 +22,6 @@ class OccupancyHeatMapBox extends StatelessWidget {
padding: const EdgeInsets.all(30), padding: const EdgeInsets.all(30),
decoration: containerWhiteDecoration, decoration: containerWhiteDecoration,
child: Column( child: Column(
spacing: 20,
mainAxisSize: MainAxisSize.min, mainAxisSize: MainAxisSize.min,
crossAxisAlignment: CrossAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start,
children: [ children: [
@ -66,7 +65,9 @@ class OccupancyHeatMapBox extends StatelessWidget {
), ),
], ],
), ),
const Divider(height: 0), const SizedBox(height: 20),
const Divider(),
const SizedBox(height: 20),
Expanded( Expanded(
child: OccupancyHeatMap( child: OccupancyHeatMap(
heatMapData: state.heatMapData.asMap().map( heatMapData: state.heatMapData.asMap().map(

View File

@ -11,6 +11,8 @@ class AnalyticsErrorWidget extends StatelessWidget {
Widget build(BuildContext context) { Widget build(BuildContext context) {
return Visibility( return Visibility(
visible: errorMessage != null || (errorMessage?.isNotEmpty ?? false), visible: errorMessage != null || (errorMessage?.isNotEmpty ?? false),
child: Padding(
padding: const EdgeInsetsDirectional.only(bottom: 10),
child: Text( child: Text(
errorMessage ?? 'Something went wrong', errorMessage ?? 'Something went wrong',
maxLines: 1, maxLines: 1,
@ -21,6 +23,7 @@ class AnalyticsErrorWidget extends StatelessWidget {
fontSize: 8, fontSize: 8,
), ),
), ),
),
); );
} }
} }