From 9c513312000798c962257f203d2a76b23de7e2d0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Francisco=20Javier=20Calder=C3=B3n=20Rodr=C3=ADguez?=
 <fracalrod3@alum.us.es>
Date: Wed, 4 Oct 2023 13:43:10 +0200
Subject: [PATCH] devf3

---
 frontend/src/App.js              |  2 ++
 frontend/src/developers/index.js | 44 ++++++++++++++++++++++++++++++++
 2 files changed, 46 insertions(+)
 create mode 100644 frontend/src/developers/index.js

diff --git a/frontend/src/App.js b/frontend/src/App.js
index f984581..bc53dee 100644
--- a/frontend/src/App.js
+++ b/frontend/src/App.js
@@ -47,6 +47,7 @@ import ConsultationListClinicOwner from "./clinicOwner/consultations/Consultatio
 import ConsultationEditClinicOwner from "./clinicOwner/consultations/ConsultationEditClinicOwner";
 import VetListClinicOwner from "./clinicOwner/vets/VetListClinicOwner";
 import VetEditClinicOwner from "./clinicOwner/vets/VetEditClinicOwner";
+import DeveloperList from "./developers";
 
 function ErrorFallback({ error, resetErrorBoundary }) {
   return (
@@ -161,6 +162,7 @@ function App() {
           <Route path="/" exact={true} element={<Home />} />
           <Route path="/plans" element={<PlanList />} />
           <Route path="/docs" element={<SwaggerDocs />} />
+          <Route path="/developers" element={<DeveloperList/>}/>
           {publicRoutes}
           {userRoutes}
           {adminRoutes}
diff --git a/frontend/src/developers/index.js b/frontend/src/developers/index.js
new file mode 100644
index 0000000..fbd7fb5
--- /dev/null
+++ b/frontend/src/developers/index.js
@@ -0,0 +1,44 @@
+import {
+    Table
+    } from "reactstrap";
+    export default function DeveloperList() {
+    const developers = [
+    {name: "Giorno", email:"Giovanna", url:"https://jojo.fandom.com/es/wiki/Giorno_Giovanna",
+    picUrl:"https://cdn-icons-png.flaticon.com/512/1956/1956683.png"},
+    {name: "Alan", email:"Turing", url:"https://es.wikipedia.org/wiki/Alan_Turing",
+    picUrl:"https://cdn-icons-png.flaticon.com/512/827/827364.png"}
+    ]
+    const developerList =
+    developers.map((d) => {
+        return (
+            <tr key={d.id}>
+                <td className="text-center">{d.name}</td>
+                <td className="text-center"> {d.email} </td>
+                <td className="text-center"> <a href={d.url}>{d.url}</a> </td>
+                <td className="text-center"> <img src={d.picUrl} alt={d.name} width="50px"/>
+                </td>
+            </tr>
+            );
+            });
+            return (
+            <div>
+                <div className="admin-page-container">
+                    <h1 className="text-center">Developers</h1>
+                    <div>
+                        <Table aria-label="developers" className="mt-4">
+                            <thead>
+                                <tr>
+                                    <th className="text-center">Name</th>
+                                    <th className="text-center">e-mail</th>
+                                    <th className="text-center">URL</th>
+                                    <th className="text-center">Picture</th>
+                                </tr>
+                            </thead>
+                            <tbody>{developerList}</tbody>
+                        </Table>
+                    </div>
+                </div>
+            </div>
+            );
+            }
+            
\ No newline at end of file