Initial cleanup push.

Based on agldemo2024 on commit 2a5dc04d801134338150c3f6afc67eaa65599763

Disable device preview.

Disable Lottie animation.

The original commit was b3c493c340fcb4bb0a937692838fc830bec3e9ea
but I am just keeping this change, because the json did not really
needed to change. I think.

Signed-off-by: Lisandro Pérez Meyer <lpmeyer@ics.com>

3 files changed, 399 insertions, 0 deletions

diff --git a/lib/presentation/screens/settings/settings_screens/units/distance/distance_unit_screen.dart b/lib/presentation/screens/settings/settings_screens/units/distance/distance_unit_screen.dart
new file mode 100644
index 0000000..3e9c135
--- /dev/null
+++ b/lib/presentation/screens/settings/settings_screens/units/distance/distance_unit_screen.dart
@@ -0,0 +1,120 @@
+import 'package:flutter_ics_homescreen/export.dart';
+
+class DistanceUnitPage extends ConsumerWidget {
+  const DistanceUnitPage({super.key});
+
+  static Page<void> page() =>
+      const MaterialPage<void>(child: DistanceUnitPage());
+  @override
+  Widget build(BuildContext context, WidgetRef ref) {
+    final unit =
+        ref.watch(unitStateProvider.select((unit) => unit.distanceUnit));
+
+    return Scaffold(
+      
+      body: Column(
+        children: [
+          CommonTitle(
+            title: 'Distance',
+            hasBackButton: true,
+            onPressed: () {
+              context.flow<AppState>().update((state) => AppState.units);
+            },
+          ),
+          Expanded(
+            child: Padding(
+              padding: const EdgeInsets.symmetric(vertical: 0, horizontal: 144),
+              child: ListView(
+                children: [
+                  Container(
+                    height: 130,
+                    decoration: BoxDecoration(
+                      gradient: LinearGradient(
+                          begin: Alignment.centerLeft,
+                          end: Alignment.centerRight,
+                          stops: unit == DistanceUnit.kilometers
+                              ? [0, 0.01, 0.8]
+                              : [0.1, 1],
+                          colors: unit == DistanceUnit.kilometers
+                              ? <Color>[
+                                  Colors.white,
+                                  Colors.blue,
+                                  const Color.fromARGB(16, 41, 98, 255)
+                                ]
+                              : <Color>[Colors.black, Colors.black12]),
+                    ),
+                    child: ListTile(
+                        minVerticalPadding: 0.0,
+                        contentPadding: const EdgeInsets.symmetric(
+                            horizontal: 16.0, vertical: 40.0),
+                        leading: Text(
+                          'Kilometers',
+                          style: Theme.of(context).textTheme.titleMedium,
+                        ),
+                        //title: Text(widget.title),
+                        //enabled: isSwitchOn,
+                        trailing: unit == DistanceUnit.kilometers
+                            ? const Icon(Icons.done,
+                                color: AGLDemoColors.periwinkleColor,
+                                size: 48,
+                              )
+                            : null,
+                        onTap: () {
+                          ref
+                              .read(unitStateProvider.notifier)
+                              .setDistanceUnit(DistanceUnit.kilometers);
+                        }),
+                  ),
+                  const SizedBox(
+                    height: 8,
+                  ),
+                  Container(
+                    height: 130,
+                    decoration: BoxDecoration(
+                      gradient: LinearGradient(
+                          begin: Alignment.centerLeft,
+                          end: Alignment.centerRight,
+                          stops: unit == DistanceUnit.miles
+                              ? [0, 0.01, 0.8]
+                              : [0.1, 1],
+                          colors: unit == DistanceUnit.miles
+                              ? <Color>[
+                                  Colors.white,
+                                  Colors.blue,
+                                  const Color.fromARGB(16, 41, 98, 255)
+                                ]
+                              : <Color>[Colors.black, Colors.black12]),
+                    ),
+                    child: ListTile(
+                      minVerticalPadding: 0.0,
+                      contentPadding: const EdgeInsets.symmetric(
+                          horizontal: 16.0, vertical: 40.0),
+                      leading: Text(
+                        'Miles',
+                        style: Theme.of(context).textTheme.titleMedium,
+                      ),
+                      //title: Text(widget.title),
+                      //enabled: isSwitchOn,
+                      trailing: unit == DistanceUnit.miles
+                          ? const Icon(Icons.done,
+                              color: AGLDemoColors.periwinkleColor,
+                              size: 48,
+                            )
+                          : null,
+
+                      onTap: () {
+                        ref
+                            .read(unitStateProvider.notifier)
+                            .setDistanceUnit(DistanceUnit.miles);
+                      },
+                    ),
+                  ),
+                ],
+              ),
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}
diff --git a/lib/presentation/screens/settings/settings_screens/units/temperature/temperature_unit_screen.dart b/lib/presentation/screens/settings/settings_screens/units/temperature/temperature_unit_screen.dart
new file mode 100644
index 0000000..414bf32
--- /dev/null
+++ b/lib/presentation/screens/settings/settings_screens/units/temperature/temperature_unit_screen.dart
@@ -0,0 +1,120 @@
+import 'package:flutter_ics_homescreen/export.dart';
+
+class TemperatureUnitPage extends ConsumerWidget {
+  const TemperatureUnitPage({super.key});
+
+  static Page<void> page() =>
+      const MaterialPage<void>(child: TemperatureUnitPage());
+  @override
+  Widget build(BuildContext context, WidgetRef ref) {
+    final unit =
+        ref.watch(unitStateProvider.select((unit) => unit.temperatureUnit));
+
+    return Scaffold(
+     
+      body: Column(
+        children: [
+          CommonTitle(
+            title: 'Temperature',
+            hasBackButton: true,
+            onPressed: () {
+              context.flow<AppState>().update((state) => AppState.units);
+            },
+          ),
+          Expanded(
+            child: Padding(
+              padding: const EdgeInsets.symmetric(vertical: 0, horizontal: 144),
+              child: ListView(
+                children: [
+                  Container(
+                    height: 130,
+                    decoration: BoxDecoration(
+                      gradient: LinearGradient(
+                          begin: Alignment.centerLeft,
+                          end: Alignment.centerRight,
+                          stops: unit == TemperatureUnit.celsius
+                              ? [0, 0.01, 0.8]
+                              : [0.1, 1],
+                          colors: unit == TemperatureUnit.celsius
+                              ? <Color>[
+                                  Colors.white,
+                                  Colors.blue,
+                                  const Color.fromARGB(16, 41, 98, 255)
+                                ]
+                              : <Color>[Colors.black, Colors.black12]),
+                    ),
+                    child: ListTile(
+                        minVerticalPadding: 0.0,
+                        contentPadding: const EdgeInsets.symmetric(
+                            horizontal: 16.0, vertical: 40.0),
+                        leading: Text(
+                          'Celsius',
+                          style: Theme.of(context).textTheme.titleMedium,
+                        ),
+                        //title: Text(widget.title),
+                        //enabled: isSwitchOn,
+                        trailing: unit == TemperatureUnit.celsius
+                            ? const Icon(Icons.done,
+                                color: AGLDemoColors.periwinkleColor,
+                                size: 48,
+                              )
+                            : null,
+                        onTap: () {
+                          ref
+                              .read(unitStateProvider.notifier)
+                              .setTemperatureUnit(TemperatureUnit.celsius);
+                        }),
+                  ),
+                  const SizedBox(
+                    height: 5,
+                  ),
+                  Container(
+                    height: 130,
+                    decoration: BoxDecoration(
+                      gradient: LinearGradient(
+                          begin: Alignment.centerLeft,
+                          end: Alignment.centerRight,
+                          stops: unit == TemperatureUnit.fahrenheit
+                              ? [0, 0.01, 0.8]
+                              : [0.1, 1],
+                          colors: unit == TemperatureUnit.fahrenheit
+                              ? <Color>[
+                                  Colors.white,
+                                  Colors.blue,
+                                  const Color.fromARGB(16, 41, 98, 255)
+                                ]
+                              : <Color>[Colors.black, Colors.black12]),
+                    ),
+                    child: ListTile(
+                      minVerticalPadding: 0.0,
+                      contentPadding: const EdgeInsets.symmetric(
+                          horizontal: 16.0, vertical: 40.0),
+                      leading: Text(
+                        'Fahrenheit',
+                        style: Theme.of(context).textTheme.titleMedium,
+                      ),
+                      //title: Text(widget.title),
+                      //enabled: isSwitchOn,
+                      trailing: unit == TemperatureUnit.fahrenheit
+                          ? const Icon(Icons.done,
+                              color: AGLDemoColors.periwinkleColor,
+                              size: 38,
+                            )
+                          : null,
+
+                      onTap: () {
+                        ref
+                            .read(unitStateProvider.notifier)
+                            .setTemperatureUnit(TemperatureUnit.fahrenheit);
+                      },
+                    ),
+                  ),
+                ],
+              ),
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}
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,
+        )
+      ],
+    );
+  }
+}