Added order history cards

This commit is contained in:
2024-05-03 13:58:46 +03:00
parent 26f822e83a
commit 5c3da0964a
4 changed files with 155 additions and 10 deletions

View File

@@ -0,0 +1,79 @@
import 'package:flutter/material.dart';
import 'package:flutter_markdown/flutter_markdown.dart';
enum OrderStatus { created, inProgress, completed, canceled }
Map<OrderStatus, String> orderStatusMap = {
OrderStatus.created: 'Создан',
OrderStatus.inProgress: 'В обработке',
OrderStatus.completed: 'Завершен',
OrderStatus.canceled: 'Отменен',
};
class HistoryItemCard extends StatelessWidget {
final String id;
final String cost;
final String date;
final Image image;
final OrderStatus status;
const HistoryItemCard({
super.key,
required this.id,
required this.cost,
required this.date,
required this.status,
required this.image,
});
@override
Widget build(BuildContext context) {
return Padding(
padding:
const EdgeInsetsDirectional.symmetric(horizontal: 10, vertical: 10),
child: ConstrainedBox(
constraints: const BoxConstraints(
minHeight: 100,
maxHeight: 200,
minWidth: 400,
maxWidth: 600,
),
child: Card(
elevation: 4,
color: const Color(0xFFF2F3F9),
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(30),
),
child: Padding(
padding: const EdgeInsetsDirectional.symmetric(horizontal: 20),
child: Row(
mainAxisAlignment: MainAxisAlignment.start,
crossAxisAlignment: CrossAxisAlignment.center,
children: [
Row(
crossAxisAlignment: CrossAxisAlignment.center,
children: [
image,
const SizedBox(width: 20),
Column(
mainAxisSize: MainAxisSize.min,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
MarkdownBody(
data: '### Заказ **№$id** от $date',
),
MarkdownBody(
data: 'Статус: **${orderStatusMap[status]}**'),
MarkdownBody(data: 'Сумма: **\$$cost**'),
],
)
],
),
],
),
),
),
),
);
}
}

View File

@@ -32,9 +32,15 @@ class ProductCard extends StatelessWidget {
children: [
imagePath,
const SizedBox(height: 16),
Text(name, style: Theme.of(context).textTheme.titleLarge),
Text(
name,
style: Theme.of(context).textTheme.titleLarge,
),
const SizedBox(height: 8),
Text('\$$price', style: Theme.of(context).textTheme.titleSmall),
Text(
'\$$price',
style: Theme.of(context).textTheme.titleSmall,
),
],
),
),