Mejora renderizado de formularios

1 files changed, 5 insertions, 2 deletions

diff --git a/src/components/address.tsx b/src/components/address.tsx
index 1701fd1..281b838 100644
--- a/src/components/address.tsx
+++ b/src/components/address.tsx
@@ -1,6 +1,8 @@
 import countryList from "react-select-country-list";
 
 export default function Address({ address }) {
+  const edit_address_route = `/account/addresses/${address.id}/edit`;
+
   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">
@@ -19,9 +21,10 @@ export default function Address({ address }) {
         {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">
+      <a 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"
+         href={edit_address_route}>
         Editar
-      </button>
+      </a>
       </td>
     </tr>
   );