From 385606ee05a8ceb9073169639eb1a311f81cac10 Mon Sep 17 00:00:00 2001
From: HombreLaser <sebastian-440@live.com>
Date: Thu, 11 May 2023 19:28:47 -0600
Subject: Añade información a la vista de usuario
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/payment_methods_table.tsx | 40 ++++++++++++++++++++++++++++++++
 1 file changed, 40 insertions(+)
 create mode 100644 src/components/payment_methods_table.tsx

(limited to 'src/components/payment_methods_table.tsx')

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
-- 
cgit v1.2.3

