|
1 | 1 | <script lang="ts"> |
2 | 2 | import listTransactions from '../lib/Wallet.svelte'; |
| 3 | + listTransactions.forEach(transaccion => { |
| 4 | + alert(`Tiene una nueva trasferencia de: ${transaccion}`); |
| 5 | + }); |
3 | 6 | </script> |
4 | 7 |
|
| 8 | + |
5 | 9 | <div class="p-4 "> |
6 | 10 | <div class=" text-2xl font-bold mb-4 block px-4 py-2 font-medium text-center text-gray-700 rounded-t-lg dark:bg-gray-800 dark:text-white"> |
7 | 11 | Actividad |
8 | 12 | </div> |
9 | | - <div class="divide-y divide-gray-100 dark:divide-gray-700"> |
10 | | - <a href="#" class="flex px-4 py-3 hover:bg-gray-100 dark:hover:bg-gray-700"> |
11 | | - <div class="flex-shrink-0"> |
12 | | - <div class="absolute flex items-center justify-center w-5 h-5 ms-6 -mt-5 bg-blue-600 border border-white rounded-full dark:border-gray-800"> |
13 | | - <svg |
14 | | - class="w-6 h-6 text-gray-100 " |
15 | | - aria-hidden="true" |
16 | | - xmlns="http://www.w3.org/2000/svg" |
17 | | - width="24" |
18 | | - height="24" |
19 | | - fill="none" |
20 | | - viewBox="0 0 24 24" |
21 | | - > |
22 | | - <path |
23 | | - stroke="currentColor" |
24 | | - stroke-linecap="round" |
25 | | - stroke-linejoin="round" |
26 | | - stroke-width="2" |
27 | | - d="M8 17.345a4.76 4.76 0 0 0 2.558 1.618c2.274.589 4.512-.446 4.999-2.31.487-1.866-1.273-3.9-3.546-4.49-2.273-.59-4.034-2.623-3.547-4.488.486-1.865 2.724-2.899 4.998-2.31.982.236 1.87.793 2.538 1.592m-3.879 12.171V21m0-18v2.2" |
28 | | - /> |
29 | | - |
30 | | - </svg> |
31 | | - </div> |
32 | | - </div> |
33 | | - <div class="w-full ps-3"> |
34 | | - <div class="text-gray-500 text-sm mb-1.5 dark:text-gray-400">Se ha recibido una trasferencia de <span class="font-semibold text-gray-900 dark:text-white">USUARIO</span></div> |
35 | | - <div class="text-xs text-blue-600 dark:text-blue-500">Hace 10 minutos</div> |
36 | | - </div> |
37 | | - </a> |
38 | | - |
39 | | - <a href="#" class="flex px-4 py-3 hover:bg-gray-100 dark:hover:bg-gray-700"> |
40 | | - <div class="flex-shrink-0"> |
41 | | - <div class="absolute flex items-center justify-center w-5 h-5 ms-6 -mt-5 bg-blue-600 border border-white rounded-full dark:border-gray-800"> |
42 | | - <svg |
43 | | - class="w-6 h-6 text-gray-100 " |
44 | | - aria-hidden="true" |
45 | | - xmlns="http://www.w3.org/2000/svg" |
46 | | - width="24" |
47 | | - height="24" |
48 | | - fill="none" |
49 | | - viewBox="0 0 24 24" |
50 | | -> |
51 | | - <path |
52 | | - stroke="currentColor" |
53 | | - stroke-linecap="round" |
54 | | - stroke-linejoin="round" |
55 | | - stroke-width="2" |
56 | | - d="M8 17.345a4.76 4.76 0 0 0 2.558 1.618c2.274.589 4.512-.446 4.999-2.31.487-1.866-1.273-3.9-3.546-4.49-2.273-.59-4.034-2.623-3.547-4.488.486-1.865 2.724-2.899 4.998-2.31.982.236 1.87.793 2.538 1.592m-3.879 12.171V21m0-18v2.2" |
57 | | - /> |
58 | | - |
59 | | - </svg> |
60 | | - </div> |
61 | | - </div> |
62 | | - <div class="w-full ps-3"> |
63 | | - <div class="text-gray-500 text-sm mb-1.5 dark:text-gray-400">Se ha recibido una trasferencia de <span class="font-semibold text-gray-900 dark:text-white">USUARIO</span></div> |
64 | | - <div class="text-xs text-blue-600 dark:text-blue-500">Hace 35 minutos</div> |
65 | | - </div> |
66 | | - </a> |
67 | | - |
68 | | - </div> |
69 | | - <a href="#" class="block py-2 text-sm font-medium text-center text-gray-900 rounded-b-lg hover:bg-gray-50 dark:bg-gray-800 dark:hover:bg-gray-700 dark:text-white"> |
70 | | - <div class="inline-flex items-center "> |
71 | | - <svg class="w-4 h-4 me-2 text-gray-500 dark:text-gray-400" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 14"> |
72 | | - <path d="M10 0C4.612 0 0 5.336 0 7c0 1.742 3.546 7 10 7 6.454 0 10-5.258 10-7 0-1.664-4.612-7-10-7Zm0 10a3 3 0 1 1 0-6 3 3 0 0 1 0 6Z"/> |
73 | | - </svg> |
74 | | - View all |
75 | | - </div> |
76 | | - </a> |
77 | | - |
| 13 | + <ul> |
| 14 | + {#each listTransactions as transaccion} |
| 15 | + <li>{transaccion}</li> |
| 16 | + {/each} |
| 17 | + </ul> |
78 | 18 |
|
79 | 19 | </div> |
| 20 | + |
0 commit comments