kfj001/kryz-go-flutter
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refactors visual widgets from live_info_panel into their own widgets.

Browse Source 
removes the play history widget from the live info panel.

Co-authored-by: Copilot <copilot@github.com>
This commit is contained in:
kfj001
2026-05-08 22:42:10 -07:00
co-authored by Copilot
parent 42a34712a2
commit 6893758a16
5 changed files with 224 additions and 183 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/live_info_panel.dart
+8 -183
View File
@@ -2,6 +2,10 @@ import 'package:flutter/material.dart';
import 'app_theme_business_object.dart';
import 'live_info_business_object.dart';
import 'recently_played_list.dart';
import 'show_card.dart';
import 'time_formatter.dart';
import 'track_card.dart';
class LiveInfoPanel extends StatelessWidget {
const LiveInfoPanel({
@@ -88,7 +92,7 @@ class LiveInfoPanel extends StatelessWidget {
child: Row(
children: [
Expanded(
child: _TrackCard(
child: TrackCard(
label: 'Now Playing',
track: current,
titleColor: themeColors.statusText,
@@ -96,7 +100,7 @@ class LiveInfoPanel extends StatelessWidget {
),
const SizedBox(width: 8),
Expanded(
child: _TrackCard(
child: TrackCard(
label: 'Coming Next',
track: next,
titleColor: themeColors.statusText,
@@ -106,77 +110,17 @@ class LiveInfoPanel extends StatelessWidget {
),
),
const SizedBox(height: 8),
_ShowCard(
ShowCard(
label: 'On Air Show',
show: currentShow,
titleColor: themeColors.statusText,
),
const SizedBox(height: 6),
_ShowCard(
ShowCard(
label: 'Up Next Show',
show: nextShow,
titleColor: themeColors.statusText,
),
const SizedBox(height: 10),
Text(
'Recently Played (runtime)',
style: Theme.of(
context,
).textTheme.labelLarge?.copyWith(fontWeight: FontWeight.w700),
),
const SizedBox(height: 6),
Expanded(
child: Container(
decoration: BoxDecoration(
color: Colors.black.withValues(alpha: 0.08),
borderRadius: BorderRadius.circular(12),
),
child: liveInfo.recentPlayed.isEmpty
? Center(
child: Text(
liveInfo.isLoading
? 'Loading recent items...'
: 'No recent tracks captured yet',
style: Theme.of(context).textTheme.bodySmall,
),
)
: ListView.separated(
itemCount: liveInfo.recentPlayed.length,
separatorBuilder: (BuildContext context, int index) =>
Divider(
height: 1,
color: Colors.black.withValues(alpha: 0.08),
),
itemBuilder: (BuildContext context, int index) {
final RecentPlayedItem item =
liveInfo.recentPlayed[index];
return ListTile(
dense: true,
contentPadding: const EdgeInsets.symmetric(
horizontal: 12,
vertical: 0,
),
title: Text(
item.title,
maxLines: 1,
overflow: TextOverflow.ellipsis,
style: Theme.of(context).textTheme.bodyMedium
?.copyWith(fontWeight: FontWeight.w600),
),
subtitle: Text(
item.subtitle.isEmpty
? _formatTimeWindow(item.starts, item.ends)
: '${item.subtitle} | ${_formatTimeWindow(item.starts, item.ends)}',
maxLines: 1,
overflow: TextOverflow.ellipsis,
style: Theme.of(context).textTheme.bodySmall,
),
leading: const Icon(Icons.queue_music_rounded),
);
},
),
),
),
const SizedBox(height: 6),
Text(
liveInfo.lastUpdatedAt == null
@@ -190,122 +134,3 @@ class LiveInfoPanel extends StatelessWidget {
);
}
}
class _TrackCard extends StatelessWidget {
const _TrackCard({
required this.label,
required this.track,
required this.titleColor,
});
final String label;
final LiveInfoTrackInfo? track;
final Color titleColor;
@override
Widget build(BuildContext context) {
final String title = track?.displayTitle ?? 'Unavailable';
final String subtitle = (track?.displaySubtitle ?? '').trim();
final String window = _formatTimeWindow(track?.starts, track?.ends);
return Container(
padding: const EdgeInsets.all(12),
decoration: BoxDecoration(
color: Colors.black.withValues(alpha: 0.08),
borderRadius: BorderRadius.circular(14),
border: Border.all(color: Colors.black.withValues(alpha: 0.12)),
),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
label,
style: Theme.of(context).textTheme.labelMedium?.copyWith(
fontWeight: FontWeight.w700,
color: titleColor,
),
),
const SizedBox(height: 6),
Text(
title,
maxLines: 2,
overflow: TextOverflow.ellipsis,
style: Theme.of(
context,
).textTheme.titleMedium?.copyWith(fontWeight: FontWeight.w700),
),
const SizedBox(height: 3),
Text(
subtitle.isEmpty ? 'No metadata provided' : subtitle,
maxLines: 2,
overflow: TextOverflow.ellipsis,
style: Theme.of(context).textTheme.bodySmall,
),
const Spacer(),
Text(
window,
style: Theme.of(
context,
).textTheme.labelMedium?.copyWith(fontWeight: FontWeight.w600),
),
],
),
);
}
}
class _ShowCard extends StatelessWidget {
const _ShowCard({
required this.label,
required this.show,
required this.titleColor,
});
final String label;
final LiveInfoShowInfo? show;
final Color titleColor;
@override
Widget build(BuildContext context) {
return Container(
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 10),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(12),
color: Colors.black.withValues(alpha: 0.06),
border: Border.all(color: Colors.black.withValues(alpha: 0.08)),
),
child: Row(
children: [
Icon(Icons.mic_external_on_rounded, color: titleColor, size: 18),
const SizedBox(width: 8),
Expanded(
child: Text(
'$label: ${show?.name ?? 'No scheduled show'}',
maxLines: 1,
overflow: TextOverflow.ellipsis,
style: Theme.of(
context,
).textTheme.bodyMedium?.copyWith(fontWeight: FontWeight.w600),
),
),
const SizedBox(width: 8),
Text(
_formatTimeWindow(show?.starts, show?.ends),
style: Theme.of(context).textTheme.labelSmall,
),
],
),
);
}
}
String _formatTimeWindow(String? starts, String? ends) {
String formatOne(String? value) {
if (value == null || value.length < 16) {
return '--:--';
}
return value.substring(11, 16);
}
return '${formatOne(starts)} - ${formatOne(ends)}';
}