diff options
Diffstat (limited to 'src/components/address.tsx')
| -rw-r--r-- | src/components/address.tsx | 28 |
1 files changed, 28 insertions, 0 deletions
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 |