add frequency info in controll panel

2shrestha22 · Jul 23, 2024 · 184dde5 · 184dde5
1 parent e0c40cb
commit 184dde5
Showing 1 changed file with 28 additions and 20 deletions.
diff --git a/lib/widgets/radio_control_panel.dart b/lib/widgets/radio_control_panel.dart
@@ -28,22 +28,22 @@ class RadioControlPanel extends ConsumerWidget {
       child: Row(
         mainAxisAlignment: MainAxisAlignment.spaceAround,
         children: [
-          Column(
-            children: [
-              StationLogo(radioState.station!.imageUrl),
-              const GutterTiny(),
-              DefaultTextStyle(
-                style: Theme.of(context).textTheme.bodySmall!,
-                child: Builder(
+          DefaultTextStyle(
+            style: Theme.of(context).textTheme.bodySmall!,
+            child: Column(
+              children: [
+                StationLogo(radioState.station!.imageUrl),
+                const GutterTiny(),
+                Builder(
                   builder: (context) {
                     if (radioState.bitRate != null) {
                       return Text(formatBitrate(radioState.bitRate!));
                     }
                     return const Text('-- Kbps');
                   },
                 ),
-              ),
-            ],
+              ],
+            ),
           ),
           const Gutter(),
           Expanded(
@@ -60,17 +60,25 @@ class RadioControlPanel extends ConsumerWidget {
                 ),
                 DefaultTextStyle(
                   style: Theme.of(context).textTheme.bodySmall!,
-                  child: Builder(
-                    builder: (context) {
-                      if (radioState.title != null) {
-                        return Text(
-                          radioState.title!,
-                          maxLines: 1,
-                          overflow: TextOverflow.ellipsis,
-                        );
-                      }
-                      return const Text('');
-                    },
+                  child: Row(
+                    mainAxisAlignment: MainAxisAlignment.center,
+                    children: [
+                      Text(radioState.station!.getFreqString()),
+                      Flexible(
+                        child: Builder(
+                          builder: (context) {
+                            if (radioState.title != null) {
+                              return Text(
+                                ' | ${radioState.title!}',
+                                maxLines: 1,
+                                overflow: TextOverflow.ellipsis,
+                              );
+                            }
+                            return const Text('');
+                          },
+                        ),
+                      ),
+                    ],
                   ),
                 ),
                 ButtonBar(