1 files changed, 159 insertions, 0 deletions
diff --git a/lib/presentation/screens/settings/settings_screens/units/units_screen.dart b/lib/presentation/screens/settings/settings_screens/units/units_screen.dart
new file mode 100644
index 0000000..1c6e37c
--- /dev/null
+++ b/lib/presentation/screens/settings/settings_screens/units/units_screen.dart
@@ -0,0 +1,159 @@
+import 'package:flutter_ics_homescreen/core/utils/helpers.dart';
+import 'package:flutter_ics_homescreen/export.dart';
+
+class UnitsPage extends ConsumerWidget {
+  const UnitsPage({super.key});
+
+  static Page<void> page() => const MaterialPage<void>(child: UnitsPage());
+  @override
+  Widget build(BuildContext context, WidgetRef ref) {
+    final unit = ref.watch(unitStateProvider.select((unit) => unit));
+
+    return Scaffold(
+      //appBar: SettingsTopBar('Units'),
+
+      body: Column(
+        children: [
+          CommonTitle(
+            title: 'Units',
+            hasBackButton: true,
+            onPressed: () {
+              context.flow<AppState>().update((state) => AppState.settings);
+            },
+          ),
+          Expanded(
+            child: Padding(
+              padding: const EdgeInsets.symmetric(vertical: 0, horizontal: 144),
+              child: ListView(
+                children: [
+                  UnitsTile(
+                      icon: Icons.calendar_month_outlined,
+                      title: 'Distance',
+                      unitName: unit.distanceUnit == DistanceUnit.kilometers
+                          ? 'Kilometers'
+                          : 'Miles',
+                      hasSwich: false,
+                      voidCallback: () async {
+                        context
+                            .flow<AppState>()
+                            .update((next) => AppState.distanceUnit);
+                      }),
+                  UnitsTile(
+                      icon: Icons.straighten,
+                      title: 'Temperature',
+                      unitName: unit.temperatureUnit == TemperatureUnit.celsius
+                          ? 'Celsius'
+                          : 'Fahrenheit',
+                      hasSwich: true,
+                      voidCallback: () {
+                        context
+                            .flow<AppState>()
+                            .update((next) => AppState.tempUnit);
+                      }),
+                ],
+              ),
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}
+
+class UnitsTile extends ConsumerStatefulWidget {
+  final IconData? icon;
+  final String title;
+  final String unitName;
+  final bool hasSwich;
+  final VoidCallback voidCallback;
+  final String? image;
+  const UnitsTile({
+    Key? key,
+    this.icon,
+    required this.title,
+    required this.unitName,
+    required this.hasSwich,
+    required this.voidCallback,
+    this.image,
+  }) : super(key: key);
+
+  @override
+  UnitsTileState createState() => UnitsTileState();
+}
+
+class UnitsTileState extends ConsumerState<UnitsTile> {
+  @override
+  Widget build(BuildContext context) {
+    return Column(
+      children: [
+        Container(
+          margin: const EdgeInsets.symmetric(vertical: 8),
+          padding: const EdgeInsets.symmetric(vertical: 15),
+          decoration: const BoxDecoration(
+            gradient: LinearGradient(
+                begin: Alignment.centerLeft,
+                end: Alignment.centerRight,
+                stops: [0.3, 1],
+                colors: <Color>[Colors.black, Colors.black12]),
+          ),
+          //color: Color(0xFF0D113F),
+          child: ListTile(
+            contentPadding:
+                const EdgeInsets.symmetric(vertical: 17, horizontal: 24),
+            leading: widget.icon != null
+                ? Icon(
+                    widget.icon,
+                    color: AGLDemoColors.periwinkleColor,
+                    size: 48,
+                  )
+                : Padding(
+                    padding: const EdgeInsets.only(right: 24),
+                    child: SvgPicture.asset(
+                      widget.image!,
+                      width: 48,
+                      height: 48,
+                    ),
+                  ),
+            title: Text(
+              widget.title,
+              style: TextStyle(
+                  color: AGLDemoColors.periwinkleColor,
+                  shadows: [
+                    Helpers.dropShadowRegular,
+                  ],
+                  fontSize: 40),
+            ),
+            trailing: Row(
+              mainAxisSize: MainAxisSize.min,
+              mainAxisAlignment: MainAxisAlignment.end,
+              children: [
+                Text(
+                  widget.unitName,
+                  style: TextStyle(
+                    color: AGLDemoColors.periwinkleColor,
+                    shadows: [
+                      Helpers.dropShadowRegular,
+                    ],
+                    fontSize: 40,
+                  ),
+                ),
+                const SizedBox(
+                  width: 24,
+                ),
+                const Icon(
+                  Icons.arrow_forward_ios,
+                  color: AGLDemoColors.periwinkleColor,
+                  size: 48,
+                ),
+              ],
+            ),
+            onTap: widget.voidCallback,
+          ),
+        ),
+        const SizedBox(
+          height: 8,
+        )
+      ],
+    );
+  }
+}