diff options
Diffstat (limited to 'src/components/company_details.tsx')
| -rw-r--r-- | src/components/company_details.tsx | 36 |
1 files changed, 36 insertions, 0 deletions
diff --git a/src/components/company_details.tsx b/src/components/company_details.tsx new file mode 100644 index 0000000..9b70c39 --- /dev/null +++ b/src/components/company_details.tsx @@ -0,0 +1,36 @@ +import countryList from "react-select-country-list"; +import "./stylesheets/company_details.css"; +import { Link } from "react-router-dom"; + +export default function CompanyDetails({ company }) { + return( + <> + <div className="flex w-3/5 my-4"> + <img className="mx-2 company-logo" src={company.attributes.logo}/> + <div className="relative overflow-x-auto"> + <table className="w-full text-sm text-left text-gray-500 dark:text-gray-400"> + <thead> + <tr> + <th scope="col" className="company-details-text font-bold text-2xl px-6 py-4 hover:text-neutral-700"> + <Link to={`/products?company=${company.attributes.short_name}`}> + {company.attributes.name} + </Link> + </th> + </tr> + </thead> + <tbody> + <tr className="bg-white border-b dark:bg-gray-800 dark:border-gray-700"> + <th scope="row" className="px-6 py-4 font-medium company-details-text whitespace-nowrap dark:text-white"> + País + </th> + <td className="px-6 py-4"> + {countryList().getLabel(company.attributes.country)} + </td> + </tr> + </tbody> + </table> + </div> + </div> + </> + ); +}
\ No newline at end of file |