From 3cec93678ec7dd5e702f7ca35e6f08e693d6a4ce Mon Sep 17 00:00:00 2001
From: Waleed Arshad <25613623+wal33d006@users.noreply.github.com>
Date: Fri, 13 May 2022 15:42:27 +0500
Subject: [PATCH] refactor: Update custom switch to have Cosmos specific
 gradient (#276)

---
 .../assets/images/2.0x/toggle.png             | Bin 0 -> 4971 bytes
 .../assets/images/3.0x/toggle.png             | Bin 0 -> 9651 bytes
 .../assets/images/toggle.png                  | Bin 0 -> 2163 bytes
 .../lib/components/cosmos_qr_image.dart       |   2 +-
 .../lib/components/cosmos_switch.dart         |  70 +++++++++++++-----
 .../lib/utils/global_constants.dart           |   8 ++
 6 files changed, 60 insertions(+), 20 deletions(-)
 create mode 100644 packages/cosmos_ui_components/assets/images/2.0x/toggle.png
 create mode 100644 packages/cosmos_ui_components/assets/images/3.0x/toggle.png
 create mode 100644 packages/cosmos_ui_components/assets/images/toggle.png

diff --git a/packages/cosmos_ui_components/assets/images/2.0x/toggle.png b/packages/cosmos_ui_components/assets/images/2.0x/toggle.png
new file mode 100644
index 0000000000000000000000000000000000000000..e3522c2e6c9ae141a412ec5b472367530cc057f3
GIT binary patch
literal 4971
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
L$5^{u(=qBl;o`K7

literal 0
HcmV?d00001

diff --git a/packages/cosmos_ui_components/assets/images/3.0x/toggle.png b/packages/cosmos_ui_components/assets/images/3.0x/toggle.png
new file mode 100644
index 0000000000000000000000000000000000000000..ccaefd566d8222cd4a94631711f8e2f6f8e48d8d
GIT binary patch
literal 9651
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%0D-B%&`iWr
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

literal 0
HcmV?d00001

diff --git a/packages/cosmos_ui_components/assets/images/toggle.png b/packages/cosmos_ui_components/assets/images/toggle.png
new file mode 100644
index 0000000000000000000000000000000000000000..768f9051d537d1e847b00ea04def52ad6fbcbf1c
GIT binary patch
literal 2163
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
AFaQ7m

literal 0
HcmV?d00001

diff --git a/packages/cosmos_ui_components/lib/components/cosmos_qr_image.dart b/packages/cosmos_ui_components/lib/components/cosmos_qr_image.dart
index f9a4996f..1485d730 100644
--- a/packages/cosmos_ui_components/lib/components/cosmos_qr_image.dart
+++ b/packages/cosmos_ui_components/lib/components/cosmos_qr_image.dart
@@ -19,7 +19,7 @@ class CosmosQrImage extends StatelessWidget {
   Widget build(BuildContext context) {
     final theme = CosmosTheme.of(context);
     return ClipRRect(
-      borderRadius: borderRadius ?? BorderRadius.circular(theme.radiusL),
+      borderRadius: borderRadius ?? theme.borderRadiusL,
       child: QrImage(
         padding: padding,
         data: data,
diff --git a/packages/cosmos_ui_components/lib/components/cosmos_switch.dart b/packages/cosmos_ui_components/lib/components/cosmos_switch.dart
index 7336d9b5..6991c17a 100644
--- a/packages/cosmos_ui_components/lib/components/cosmos_switch.dart
+++ b/packages/cosmos_ui_components/lib/components/cosmos_switch.dart
@@ -1,4 +1,5 @@
-import 'package:cosmos_ui_components/cosmos_theme.dart';
+import 'package:cosmos_ui_components/cosmos_ui_components.dart';
+import 'package:cosmos_ui_components/utils/global_constants.dart';
 import 'package:flutter/cupertino.dart';
 import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
@@ -6,33 +7,60 @@ import 'package:flutter/material.dart';
 class CosmosSwitch extends StatelessWidget {
   const CosmosSwitch({
     required this.checked,
+    this.toggleAsset,
+    this.checkedGradientStops = const [0, 0.5866, 1],
+    this.gradientColors = GlobalConstants.cosmosGradientColors,
+    this.package,
     this.onChanged,
     Key? key,
   }) : super(key: key);
 
   final bool checked;
   final ValueChanged<bool>? onChanged;
+  final String? toggleAsset;
+  final List<double> checkedGradientStops;
+  final List<Color> gradientColors;
+  final String? package;
 
   @override
   Widget build(BuildContext context) {
-    final theme = CosmosTheme.of(context);
-    return Transform.scale(
-      scale: 0.9, // so that the border appears closer to the switch
-      child: Container(
-        decoration: BoxDecoration(
-          borderRadius: BorderRadius.circular(1000),
-          border: Border.all(
-            color: checked ? Colors.transparent : theme.colors.text.withOpacity(0.1),
-          ),
-        ),
+    return TweenAnimationBuilder<Alignment>(
+      duration: const Duration(milliseconds: 200),
+      tween: AlignmentTween(
+        begin: checked ? Alignment.centerLeft : Alignment.centerRight,
+        end: checked ? Alignment.centerRight : Alignment.centerLeft,
+      ),
+      builder: (context, value, child) => GestureDetector(
+        onTap: () => onChanged!(!checked),
         child: Transform.scale(
-          scale: 1.1, // so that the border appears closer to the switch
-          child: CupertinoSwitch(
-            value: checked,
-            onChanged: onChanged,
-            activeColor: theme.colors.link,
-            thumbColor: checked ? theme.colors.background : theme.colors.text,
-            trackColor: theme.colors.background,
+          scale: 0.9,
+          child: Container(
+            width: 50,
+            height: 28,
+            decoration: BoxDecoration(
+              borderRadius: BorderRadius.circular(30),
+              gradient: checked
+                  ? LinearGradient(
+                      stops: checkedGradientStops,
+                      colors: gradientColors,
+                    )
+                  : null,
+              color: checked ? null : CosmosTheme.of(context).colors.text,
+            ),
+            child: Transform.scale(
+              scale: 1.1,
+              child: Align(
+                alignment: value,
+                child: SizedBox(
+                  width: 30,
+                  height: 30,
+                  child: Image.asset(
+                    toggleAsset ?? 'assets/images/toggle.png',
+                    package: package ?? (toggleAsset == null ? packageName : null),
+                  ),
+                ),
+              ),
+            ),
           ),
         ),
       ),
@@ -43,7 +71,11 @@ class CosmosSwitch extends StatelessWidget {
   void debugFillProperties(DiagnosticPropertiesBuilder properties) {
     super.debugFillProperties(properties);
     properties
+      ..add(DiagnosticsProperty<bool>('checked', checked))
       ..add(ObjectFlagProperty<ValueChanged<bool>?>.has('onChanged', onChanged))
-      ..add(DiagnosticsProperty<bool>('checked', checked));
+      ..add(StringProperty('toggleAsset', toggleAsset))
+      ..add(IterableProperty<double>('checkedGradientStops', checkedGradientStops))
+      ..add(IterableProperty<Color>('gradientColors', gradientColors))
+      ..add(StringProperty('package', package));
   }
 }
diff --git a/packages/cosmos_ui_components/lib/utils/global_constants.dart b/packages/cosmos_ui_components/lib/utils/global_constants.dart
index 8c7ba25c..da1b79cc 100644
--- a/packages/cosmos_ui_components/lib/utils/global_constants.dart
+++ b/packages/cosmos_ui_components/lib/utils/global_constants.dart
@@ -1,3 +1,11 @@
+import 'package:flutter/material.dart';
+
 abstract class GlobalConstants {
   static const double defaultButtonHeight = 50;
+
+  static const List<Color> cosmosGradientColors = [
+    Color(0xFF64DBFC),
+    Color(0xFF30FFDF),
+    Color(0xFFFFFE39),
+  ];
 }