100 lines
2.8 KiB
Dart
100 lines
2.8 KiB
Dart
import 'package:flutter/material.dart';
|
|
|
|
import '../../../core/date_keys.dart';
|
|
import '../../../l10n/l10n.dart';
|
|
import '../../../models/app_state.dart';
|
|
import '../../../models/growth_stage.dart';
|
|
import '../../../widgets/surface_panel.dart';
|
|
|
|
class GrowthWeekStrip extends StatelessWidget {
|
|
const GrowthWeekStrip({required this.state, super.key});
|
|
|
|
final AppState state;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final days = lastSevenDateKeys();
|
|
final l10n = context.l10n;
|
|
return SurfacePanel(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
l10n.sevenDayGrowth,
|
|
style: Theme.of(context).textTheme.titleMedium,
|
|
),
|
|
const SizedBox(height: 4),
|
|
Text(
|
|
l10n.sevenDayGrowthSubtitle,
|
|
style: Theme.of(context).textTheme.bodySmall?.copyWith(
|
|
color: Theme.of(context).colorScheme.onSurfaceVariant,
|
|
),
|
|
),
|
|
const SizedBox(height: 14),
|
|
Row(
|
|
children: [
|
|
for (final day in days)
|
|
Expanded(
|
|
child: _GrowthDay(
|
|
day: day,
|
|
stage: growthStageFor(state, day),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
class _GrowthDay extends StatelessWidget {
|
|
const _GrowthDay({required this.day, required this.stage});
|
|
|
|
final String day;
|
|
final GrowthStage stage;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final theme = Theme.of(context);
|
|
final l10n = context.l10n;
|
|
final icon = switch (stage) {
|
|
GrowthStage.seed => Icons.circle_outlined,
|
|
GrowthStage.sprout => Icons.grass_rounded,
|
|
GrowthStage.leaves => Icons.eco_rounded,
|
|
GrowthStage.flower => Icons.local_florist_rounded,
|
|
};
|
|
return Semantics(
|
|
label: l10n.growthDaySemantic(
|
|
day.substring(5),
|
|
localizedGrowthStage(l10n, stage),
|
|
),
|
|
child: Column(
|
|
children: [
|
|
Container(
|
|
width: 36,
|
|
height: 36,
|
|
decoration: BoxDecoration(
|
|
shape: BoxShape.circle,
|
|
color:
|
|
stage == GrowthStage.seed
|
|
? theme.colorScheme.surfaceContainer
|
|
: theme.colorScheme.primary.withValues(alpha: 0.14),
|
|
),
|
|
child: Icon(
|
|
icon,
|
|
size: 19,
|
|
color:
|
|
stage == GrowthStage.seed
|
|
? theme.colorScheme.onSurfaceVariant
|
|
: theme.colorScheme.primary,
|
|
),
|
|
),
|
|
const SizedBox(height: 5),
|
|
Text(day.substring(8), style: theme.textTheme.labelSmall),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
}
|