TF-733 Apply change text color to body composer on web

2022-07-21 13:19:22 +07:00
parent 791656df9b
commit 50316bfa15
8 changed files with 260 additions and 13 deletions
@@ -158,4 +158,40 @@ Widget buildButtonWrapText(String name, {
                  color: Colors.white)),
    ),
  );
+}
+Widget buildButtonWrapText(String name, {
+  TextStyle? textStyle,
+  Color? bgColor,
+  Color? borderColor,
+  double? radius,
+  double? height,
+  EdgeInsets? padding,
+  IconWebCallback? onTap
+}) {
+  return Container(
+    height: height ?? 40,
+    padding: padding,
+    child: ElevatedButton(
+      onPressed: () => onTap?.call(),
+      style: ButtonStyle(
+          backgroundColor: MaterialStateProperty.resolveWith<Color>(
+              (Set<MaterialState> states) => bgColor ?? AppColor.colorTextButton),
+          shape: MaterialStateProperty.all(RoundedRectangleBorder(
+              borderRadius: BorderRadius.circular(radius ?? 8),
+              side: BorderSide(
+                  width: borderColor != null ? 1 : 0,
+                  color: borderColor ?? bgColor ?? AppColor.colorTextButton))),
+          padding: MaterialStateProperty.resolveWith<EdgeInsets>(
+              (Set<MaterialState> states) => const EdgeInsets.symmetric(horizontal: 16)),
+          elevation: MaterialStateProperty.resolveWith<double>(
+              (Set<MaterialState> states) => 0)),
+      child: Text(name,
+          textAlign: TextAlign.center,
+          style: textStyle ??
+              const TextStyle(
+                  fontSize: 17,
+                  fontWeight: FontWeight.w500,
+                  color: Colors.white)),
+    ),
+  );
 }