Añade información a la vista de usuario

1 files changed, 42 insertions, 0 deletions

diff --git a/src/components/addresses_table.tsx b/src/components/addresses_table.tsx
new file mode 100644
index 0000000..ae46f21
--- /dev/null
+++ b/src/components/addresses_table.tsx
@@ -0,0 +1,42 @@
+import Address from "./address";
+
+export default function AddressesTable({ addresses }) {
+  const digested_addresses = addresses.map(address => 
+    <Address address={address}/>
+  );
+
+  return(
+    <div className="w-4/5 relative overflow-x-auto">
+      <h1 className="text-2xl my-2">
+        Direcciones de envío
+      </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">
+            Calle
+          </th>
+          <th scope="col" className="px-6 py-3">
+            Número
+          </th>
+          <th scope="col" className="px-6 py-3">
+            Código postal
+          </th>
+          <th scope="col" className="px-6 py-3">
+            Ciudad
+          </th>
+          <th scope="col" className="px-6 py-3">
+            País
+          </th>
+          <th scope="col" className="px-6 py-3">
+            Editar
+          </th>
+        </tr>
+        </thead>
+        <tbody>
+          {digested_addresses}
+        </tbody>
+      </table>
+    </div>
+  );
+}
\ No newline at end of file