mirror of
https://github.com/cake-tech/cake_wallet.git
synced 2024-12-25 04:59:33 +00:00
155 lines
4.1 KiB
Dart
155 lines
4.1 KiB
Dart
import 'package:cake_wallet/themes/extensions/cake_text_theme.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:cake_wallet/palette.dart';
|
|
import 'package:cake_wallet/themes/extensions/send_page_theme.dart';
|
|
|
|
class TemplateTile extends StatefulWidget {
|
|
TemplateTile({
|
|
Key? key,
|
|
required this.to,
|
|
required this.amount,
|
|
required this.from,
|
|
required this.onTap,
|
|
required this.onRemove
|
|
}) : super(key: key);
|
|
|
|
final String to;
|
|
final String amount;
|
|
final String from;
|
|
final VoidCallback onTap;
|
|
final VoidCallback onRemove;
|
|
|
|
@override
|
|
TemplateTileState createState() => TemplateTileState(
|
|
to,
|
|
amount,
|
|
from,
|
|
onTap,
|
|
onRemove
|
|
);
|
|
}
|
|
|
|
class TemplateTileState extends State<TemplateTile> {
|
|
TemplateTileState(
|
|
this.to,
|
|
this.amount,
|
|
this.from,
|
|
this.onTap,
|
|
this.onRemove
|
|
);
|
|
|
|
final String to;
|
|
final String amount;
|
|
final String from;
|
|
final VoidCallback onTap;
|
|
final VoidCallback onRemove;
|
|
final trash = Image.asset('assets/images/trash.png', height: 16, width: 16, color: Colors.white);
|
|
|
|
bool isRemovable = false;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final color = isRemovable ? Colors.white : Theme.of(context).extension<CakeTextTheme>()!.titleColor;
|
|
final toIcon = Image.asset('assets/images/to_icon.png', color: color);
|
|
|
|
final content = Row(
|
|
mainAxisAlignment: MainAxisAlignment.start,
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: <Widget>[
|
|
Text(
|
|
amount,
|
|
style: TextStyle(
|
|
fontSize: 16,
|
|
fontWeight: FontWeight.w600,
|
|
color: color
|
|
),
|
|
),
|
|
Padding(
|
|
padding: EdgeInsets.only(left: 5),
|
|
child: Text(
|
|
from,
|
|
style: TextStyle(
|
|
fontSize: 16,
|
|
fontWeight: FontWeight.w600,
|
|
color: color
|
|
),
|
|
),
|
|
),
|
|
Padding(
|
|
padding: EdgeInsets.only(left: 5),
|
|
child: toIcon,
|
|
),
|
|
Padding(
|
|
padding: EdgeInsets.only(left: 5),
|
|
child: Text(
|
|
to,
|
|
style: TextStyle(
|
|
fontSize: 16,
|
|
fontWeight: FontWeight.w600,
|
|
color: color
|
|
),
|
|
),
|
|
),
|
|
],
|
|
);
|
|
|
|
final tile = Container(
|
|
padding: EdgeInsets.only(right: 10),
|
|
child: ClipRRect(
|
|
borderRadius: BorderRadius.all(Radius.circular(20)),
|
|
child: GestureDetector(
|
|
onTap: onTap,
|
|
onLongPress: () {
|
|
setState(() {
|
|
isRemovable = true;
|
|
});
|
|
},
|
|
child: Container(
|
|
height: 40,
|
|
padding: EdgeInsets.only(left: 24, right: 24),
|
|
color: Theme.of(context).extension<SendPageTheme>()!.templateBackgroundColor,
|
|
child: content,
|
|
),
|
|
),
|
|
)
|
|
);
|
|
|
|
final removableTile = Container(
|
|
padding: EdgeInsets.only(right: 10),
|
|
child: ClipRRect(
|
|
borderRadius: BorderRadius.all(Radius.circular(20)),
|
|
child: Row(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: <Widget>[
|
|
GestureDetector(
|
|
onTap: () {
|
|
setState(() {
|
|
isRemovable = false;
|
|
});
|
|
},
|
|
child: Container(
|
|
height: 40,
|
|
padding: EdgeInsets.only(left: 24, right: 10),
|
|
color: Colors.orange,
|
|
child: content,
|
|
),
|
|
),
|
|
GestureDetector(
|
|
onTap: onRemove,
|
|
child: Container(
|
|
height: 40,
|
|
width: 44,
|
|
color: Palette.darkRed,
|
|
child: Center(
|
|
child: trash,
|
|
),
|
|
),
|
|
)
|
|
],
|
|
)
|
|
)
|
|
);
|
|
|
|
return isRemovable ? removableTile : tile;
|
|
}
|
|
}
|