From f6cc288cd67308330a83094bc2f0b64132ad81e8 Mon Sep 17 00:00:00 2001
From: HombreLaser <sebastian-440@live.com>
Date: Mon, 1 May 2023 12:25:03 -0600
Subject: Vista de proveedores

---
 src/routes/companies/companies.tsx | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)
 create mode 100644 src/routes/companies/companies.tsx

(limited to 'src/routes/companies/companies.tsx')

diff --git a/src/routes/companies/companies.tsx b/src/routes/companies/companies.tsx
new file mode 100644
index 0000000..7912b80
--- /dev/null
+++ b/src/routes/companies/companies.tsx
@@ -0,0 +1,23 @@
+import { useLoaderData } from "react-router-dom";
+import CompanyDetails from "../../components/company_details";
+import MainContentLayout from "../../components/main_content_layout";
+import SearchBar from "../../components/search_bar";
+
+export default function Companies(){
+  const companies = useLoaderData().data.data.map(company =>
+    <li key={company.id}>
+      <CompanyDetails company={company}/>
+    </li>  
+  );
+
+  return(
+    <>
+      <MainContentLayout>
+        <SearchBar path="/companies"/>
+        <ul>
+          {companies}
+        </ul>
+      </MainContentLayout>
+    </>
+  );
+}
\ No newline at end of file
-- 
cgit v1.2.3

