transactionHistoryCard method

Implementation

Widget transactionHistoryCard() {
  return Padding(
    padding: EdgeInsets.only(
        top: 8, left: navigator!.context.width < 1200 ? 0 : 61),
    child: Column(
      crossAxisAlignment: CrossAxisAlignment.start,
      children: [
        // Title
        const Text(
          'Transaction History',
          style: TextStyle(
            fontSize: 18,
            fontWeight: FontWeight.w600,
            color: ColorHelper.neutralText,
          ),
        ),
        10.SpaceX,
        // Details Card

        Obx(() {
          if (controller.listTransactions.isEmpty) {
            return _noDataWidget(
              "No transaction details are available at the moment. Please check back later for updates or new transactions.",
            );
          }
          return Container(
            decoration: BoxDecoration(
                borderRadius: BorderRadius.circular(16),
                border: Border.all(color: ColorHelper.grey01, width: 1),
                color: Colors.white),
            child: Table(
              columnWidths: const {
                0: FlexColumnWidth(3),
                1: FlexColumnWidth(3),
                2: FlexColumnWidth(2),
                3: FlexColumnWidth(2),
              },
              children: [
                buildTransactionHistoryTableRow(
                    'Wallet ID', 'Date', 'NEO Miles', 'Type', 0),
                ...List.generate(controller.listTransactions.length, (index) {
                  return buildTransactionHistoryTableRow(
                      controller.listTransactions[index].id,
                      DateFormat('EEE, dd-MM-yyyy')
                          .format(
                              controller.listTransactions[index].createdAt)
                          .toString(),
                      controller.listTransactions[index].amount.toString(),
                      controller.listTransactions[index].status,
                      index + 1);
                }),
              ],
            ),
          );
        }),
      ],
    ),
  );
}