working time

lib/widgets/bar.dart

@@ -0,0 +1,51 @@
+import 'package:flight/controllers/time_controller.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+import 'package:intl/intl.dart';
+
+class Bar extends ConsumerWidget {
+  const Bar({super.key});
+
+  @override
+  Widget build(BuildContext context, WidgetRef ref) => Center(
+    child: Padding(
+      padding: EdgeInsets.symmetric(horizontal: 8),
+      child: Row(
+        mainAxisAlignment: MainAxisAlignment.spaceBetween,
+        crossAxisAlignment: CrossAxisAlignment.center,
+        children: [
+          Row(
+            spacing: 4,
+            children: [
+              Icon(Icons.circle),
+              Icon(Icons.circle_outlined),
+              Icon(Icons.circle_outlined),
+            ],
+          ),
+          Row(
+            children: [
+              Text(
+                DateFormat.Hm().format(
+                  ref
+                      .watch(TimeController.provider)
+                      .when(
+                        data: (time) => time,
+                        loading: DateTime.now,
+                        error: (_, _) => DateTime.now(),
+                      ),
+                ),
+              ),
+            ],
+          ),
+          Row(
+            children: [
+              IconButton(onPressed: () {}, icon: Icon(Icons.wifi)),
+              IconButton(onPressed: () {}, icon: Icon(Icons.bluetooth)),
+              IconButton(onPressed: () {}, icon: Icon(Icons.volume_off)),
+            ],
+          ),
+        ],
+      ),
+    ),
+  );
+}

lib/widgets/loading.dart

@@ -0,0 +1,14 @@
+import "package:flutter/material.dart";
+
+class Loading extends StatelessWidget {
+  final double? height;
+  const Loading({this.height, super.key});
+
+  @override
+  Widget build(BuildContext context) => Center(
+    child: Padding(
+      padding: EdgeInsets.all(16),
+      child: SizedBox(height: height, child: CircularProgressIndicator()),
+    ),
+  );
+}