diff options
Diffstat (limited to 'src/components/payment_methods_table.tsx')
| -rw-r--r-- | src/components/payment_methods_table.tsx | 40 |
1 files changed, 40 insertions, 0 deletions
diff --git a/src/components/payment_methods_table.tsx b/src/components/payment_methods_table.tsx new file mode 100644 index 0000000..e9ac639 --- /dev/null +++ b/src/components/payment_methods_table.tsx @@ -0,0 +1,40 @@ +import PaymentMethod from "./payment_method"; +import "./stylesheets/shared.css"; + +export default function PaymentMethodsTable({ payment_methods }) { + const digested_payment_methods = payment_methods.map(payment_method => + <PaymentMethod payment_method={payment_method}/> + ); + + return( + <div className="my-2 w-4/5 relative overflow-x-auto"> + <h1 className="text-2xl my-2"> + Métodos de pago + </h1> + <table className="w-full text-sm text-left text-gray-500 dark:text-gray-400"> + <thead className="bg-blue-arma text-xs text-white uppercase dark:bg-gray-700 dark:text-gray-400"> + <tr> + <th scope="col" className="px-6 py-3"> + Número + </th> + <th scope="col" className="px-6 py-3"> + Día de expiración + </th> + <th scope="col" className="px-6 py-3"> + Mes de expiración + </th> + <th scope="col" className="px-6 py-3"> + Año de expiración + </th> + <th scope="col" className="px-6 py-3"> + Editar + </th> + </tr> + </thead> + <tbody> + {digested_payment_methods} + </tbody> + </table> + </div> + ); +}
\ No newline at end of file |