1 files changed, 39 insertions, 0 deletions
diff --git a/lib/screen/widgets/right_bar.dart b/lib/screen/widgets/right_bar.dart
new file mode 100644
index 0000000..e5ed44d
--- /dev/null
+++ b/lib/screen/widgets/right_bar.dart
@@ -0,0 +1,39 @@
+// SPDX-License-Identifier: Apache-2.0
+
+import 'package:flutter/material.dart';
+import 'package:flutter_hooks/flutter_hooks.dart';
+import 'package:hooks_riverpod/hooks_riverpod.dart';
+import 'package:flutter_cluster_dashboard/screen/paints/arc_painter.dart';
+import 'package:flutter_cluster_dashboard/vehicle_signal/vehicle_signal_model.dart';
+import 'package:flutter_cluster_dashboard/vehicle_signal/vehicle_signal_provider.dart';
+
+class RightArc extends HookConsumerWidget {
+  final double screenHeight;
+  const RightArc({Key? key, required this.screenHeight}) : super(key: key);
+
+  @override
+  Widget build(BuildContext context, WidgetRef ref) {
+    final VehicleSignal vehicle = ref.watch(vehicleSignalProvider);
+    final animationController = useAnimationController(
+      lowerBound: 0,
+      upperBound: 100,
+    )..animateTo(vehicle.fuelLevel,
+        duration: const Duration(milliseconds: 500));
+
+    return AnimatedBuilder(
+      animation: animationController,
+      builder: (context, child) {
+        return CustomPaint(
+          size: Size(0, (220 * screenHeight) / 480),
+          painter: RightPainter(
+              radi: (170 * screenHeight) / 480,
+              currentValue: animationController.value,
+              bottomPadding: 17,
+              color: Color.lerp(Colors.red, Colors.green,
+                      (animationController.value / 100)) ??
+                  Colors.blue),
+        );
+      },
+    );
+  }
+}