@@ -447,97 +447,6 @@ const totalAmount = computed(() => {
447
447
</div >
448
448
</div >
449
449
450
- <!-- Summary cards -->
451
- <div class =" mt-8 grid grid-cols-1 gap-5 sm:grid-cols-2 lg:grid-cols-4" >
452
- <!-- Total transactions card -->
453
- <div class =" overflow-hidden rounded-lg bg-white shadow dark:bg-blue-gray-800" >
454
- <div class =" p-5" >
455
- <div class =" flex items-center" >
456
- <div class =" flex-shrink-0" >
457
- <div class =" h-10 w-10 rounded-md bg-blue-100 p-2 dark:bg-blue-900" >
458
- <div class =" i-hugeicons-credit-card h-6 w-6 text-blue-600 dark:text-blue-300" ></div >
459
- </div >
460
- </div >
461
- <div class =" ml-5 w-0 flex-1" >
462
- <dl >
463
- <dt class =" truncate text-sm font-medium text-gray-500 dark:text-gray-400" >Total Transactions</dt >
464
- <dd >
465
- <div class =" text-lg font-medium text-gray-900 dark:text-white" >{{ transactions.length }}</div >
466
- </dd >
467
- </dl >
468
- </div >
469
- </div >
470
- </div >
471
- </div >
472
-
473
- <!-- Completed transactions card -->
474
- <div class =" overflow-hidden rounded-lg bg-white shadow dark:bg-blue-gray-800" >
475
- <div class =" p-5" >
476
- <div class =" flex items-center" >
477
- <div class =" flex-shrink-0" >
478
- <div class =" h-10 w-10 rounded-md bg-green-100 p-2 dark:bg-green-900" >
479
- <div class =" i-hugeicons-checkmark-circle-01 h-6 w-6 text-green-600 dark:text-green-300" ></div >
480
- </div >
481
- </div >
482
- <div class =" ml-5 w-0 flex-1" >
483
- <dl >
484
- <dt class =" truncate text-sm font-medium text-gray-500 dark:text-gray-400" >Completed</dt >
485
- <dd >
486
- <div class =" text-lg font-medium text-gray-900 dark:text-white" >
487
- {{ transactions.filter(t => t.status === 'Completed').length }}
488
- </div >
489
- </dd >
490
- </dl >
491
- </div >
492
- </div >
493
- </div >
494
- </div >
495
-
496
- <!-- Failed transactions card -->
497
- <div class =" overflow-hidden rounded-lg bg-white shadow dark:bg-blue-gray-800" >
498
- <div class =" p-5" >
499
- <div class =" flex items-center" >
500
- <div class =" flex-shrink-0" >
501
- <div class =" h-10 w-10 rounded-md bg-red-100 p-2 dark:bg-red-900" >
502
- <div class =" i-hugeicons-cancel-circle h-6 w-6 text-red-600 dark:text-red-300" ></div >
503
- </div >
504
- </div >
505
- <div class =" ml-5 w-0 flex-1" >
506
- <dl >
507
- <dt class =" truncate text-sm font-medium text-gray-500 dark:text-gray-400" >Failed</dt >
508
- <dd >
509
- <div class =" text-lg font-medium text-gray-900 dark:text-white" >
510
- {{ transactions.filter(t => t.status === 'Failed').length }}
511
- </div >
512
- </dd >
513
- </dl >
514
- </div >
515
- </div >
516
- </div >
517
- </div >
518
-
519
- <!-- Total amount card -->
520
- <div class =" overflow-hidden rounded-lg bg-white shadow dark:bg-blue-gray-800" >
521
- <div class =" p-5" >
522
- <div class =" flex items-center" >
523
- <div class =" flex-shrink-0" >
524
- <div class =" h-10 w-10 rounded-md bg-blue-100 p-2 dark:bg-blue-900" >
525
- <div class =" i-hugeicons-dollar-circle h-6 w-6 text-blue-600 dark:text-blue-300" ></div >
526
- </div >
527
- </div >
528
- <div class =" ml-5 w-0 flex-1" >
529
- <dl >
530
- <dt class =" truncate text-sm font-medium text-gray-500 dark:text-gray-400" >Total Amount</dt >
531
- <dd >
532
- <div class =" text-lg font-medium text-gray-900 dark:text-white" >${{ totalAmount.toFixed(2) }}</div >
533
- </dd >
534
- </dl >
535
- </div >
536
- </div >
537
- </div >
538
- </div >
539
- </div >
540
-
541
450
<!-- Filters -->
542
451
<div class =" mt-8 flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4" >
543
452
<div class =" relative max-w-sm" >
@@ -548,7 +457,7 @@ const totalAmount = computed(() => {
548
457
v-model =" searchQuery"
549
458
type =" text"
550
459
class =" block w-full rounded-md border-0 py-1.5 pl-10 pr-3 text-gray-900 ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-blue-600 sm:text-sm sm:leading-6 dark:bg-blue-gray-800 dark:text-white dark:ring-gray-700 dark:placeholder:text-gray-500"
551
- placeholder =" Search transactions"
460
+ placeholder =" Search transactions... "
552
461
/>
553
462
</div >
554
463
0 commit comments