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/address.tsx | 28 ++++++++++++++++++++++++++++
 1 file changed, 28 insertions(+)
 create mode 100644 src/components/address.tsx

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

diff --git a/src/components/address.tsx b/src/components/address.tsx
new file mode 100644
index 0000000..1701fd1
--- /dev/null
+++ b/src/components/address.tsx
@@ -0,0 +1,28 @@
+import countryList from "react-select-country-list";
+
+export default function Address({ address }) {
+  return(
+    <tr className="bg-white border-b dark:bg-gray-800 dark:border-gray-700">
+      <th scope="row" className="px-6 py-4 font-medium text-gray-900 whitespace-nowrap dark:text-white">
+        {address.attributes.street}
+      </th>
+      <td className="px-6 py-4">
+        {address.attributes.number}
+      </td>
+      <td className="px-6 py-4">
+        {address.attributes.zip_code}
+      </td>
+      <td className="px-6 py-4">
+        {address.attributes.city}
+      </td>
+      <td className="px-6 py-4">
+        {countryList().getLabel(address.attributes.country)}
+      </td>
+      <td className="px-6 py-4">
+      <button type="button" className="focus:outline-none text-white bg-green-700 hover:bg-green-800 focus:ring-4 focus:ring-green-300 font-medium rounded-lg text-sm px-5 py-2.5 mr-2 mb-2 dark:bg-green-600 dark:hover:bg-green-700 dark:focus:ring-green-800">
+        Editar
+      </button>
+      </td>
+    </tr>
+  );
+}
\ No newline at end of file
-- 
cgit v1.2.3