|
|
|
|
@ -1,7 +1,9 @@
|
|
|
|
|
import 'package:flutter/material.dart';
|
|
|
|
|
import 'package:mc_common_app/extensions/int_extensions.dart';
|
|
|
|
|
import 'package:mc_common_app/extensions/string_extensions.dart';
|
|
|
|
|
import 'package:mc_common_app/theme/colors.dart';
|
|
|
|
|
import 'package:mc_common_app/widgets/common_widgets/dotted_rect.dart';
|
|
|
|
|
import 'package:mc_common_app/widgets/extensions/extensions_widget.dart';
|
|
|
|
|
|
|
|
|
|
class DottedRoundedCard extends StatelessWidget {
|
|
|
|
|
final Function() onTap;
|
|
|
|
|
@ -26,7 +28,7 @@ class DottedRoundedCard extends StatelessWidget {
|
|
|
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
|
|
|
children: [
|
|
|
|
|
icon,
|
|
|
|
|
SizedBox(width: 8),
|
|
|
|
|
const SizedBox(width: 8),
|
|
|
|
|
text.toText(
|
|
|
|
|
fontSize: 15,
|
|
|
|
|
isBold: true,
|
|
|
|
|
@ -44,34 +46,46 @@ class DottedRectContainer extends StatelessWidget {
|
|
|
|
|
final Function() onTap;
|
|
|
|
|
final String text;
|
|
|
|
|
final Widget icon;
|
|
|
|
|
final String extensions;
|
|
|
|
|
|
|
|
|
|
const DottedRectContainer({Key? key, required this.onTap, required this.text, required this.icon}) : super(key: key);
|
|
|
|
|
const DottedRectContainer({Key? key, required this.onTap, required this.text, required this.icon, required this.extensions}) : super(key: key);
|
|
|
|
|
|
|
|
|
|
@override
|
|
|
|
|
Widget build(BuildContext context) {
|
|
|
|
|
return InkWell(
|
|
|
|
|
onTap: onTap,
|
|
|
|
|
child: Container(
|
|
|
|
|
height: 46,
|
|
|
|
|
width: double.infinity,
|
|
|
|
|
color: MyColors.white,
|
|
|
|
|
child: DashedRect(
|
|
|
|
|
color: MyColors.lightIconColor,
|
|
|
|
|
strokeWidth: 2.0,
|
|
|
|
|
gap: 4.0,
|
|
|
|
|
child: Row(
|
|
|
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
|
|
|
child: Column(
|
|
|
|
|
children: [
|
|
|
|
|
DashedRect(
|
|
|
|
|
color: MyColors.lightIconColor,
|
|
|
|
|
strokeWidth: 2.0,
|
|
|
|
|
gap: 4.0,
|
|
|
|
|
child: Row(
|
|
|
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
|
|
|
children: [
|
|
|
|
|
icon,
|
|
|
|
|
const SizedBox(width: 8),
|
|
|
|
|
text
|
|
|
|
|
.toText(
|
|
|
|
|
fontSize: 15,
|
|
|
|
|
isBold: true,
|
|
|
|
|
color: MyColors.darkPrimaryColor,
|
|
|
|
|
)
|
|
|
|
|
.paddingAll(6),
|
|
|
|
|
],
|
|
|
|
|
),
|
|
|
|
|
),
|
|
|
|
|
8.height,
|
|
|
|
|
Row(
|
|
|
|
|
mainAxisAlignment: MainAxisAlignment.end,
|
|
|
|
|
children: [
|
|
|
|
|
icon,
|
|
|
|
|
SizedBox(width: 8),
|
|
|
|
|
text.toText(
|
|
|
|
|
fontSize: 15,
|
|
|
|
|
isBold: true,
|
|
|
|
|
color: MyColors.darkPrimaryColor,
|
|
|
|
|
"( $extensions )".toText(
|
|
|
|
|
fontSize: 8,
|
|
|
|
|
color: MyColors.lightTextColor,
|
|
|
|
|
),
|
|
|
|
|
],
|
|
|
|
|
),
|
|
|
|
|
),
|
|
|
|
|
)
|
|
|
|
|
],
|
|
|
|
|
),
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
|