rotas de listagem

mdsreq-fga-unb · Dec 13, 2023 · c6b103d · c6b103d
1 parent 11cc942
commit c6b103d
Show file tree

Hide file tree

Showing 4 changed files with 37 additions and 2 deletions.
diff --git a/frontend/src/pages/Home/index.js b/frontend/src/pages/Home/index.js
@@ -49,7 +49,10 @@ const Home = () => {
         <Center>
             <HStack marginTop='2vh'>
                 <Button colorScheme='facebook'>
-                <Link to='/recommendations'>Recomendações</Link>
+                <Link to='/trilhas'>Trilhas</Link>
+                </Button>
+                <Button colorScheme='facebook'>
+                <Link to='/eletivas'>Eletivas</Link>
                 </Button>
             </HStack>
         </Center>

diff --git a/frontend/src/pages/ListLearningPath/index.js b/frontend/src/pages/ListLearningPath/index.js
@@ -68,7 +68,7 @@ const ListLearningPath = () => {
                   <Tr>
                     <Td textColor='#243A69'>{linha.name}</Td>
                     <Td textColor='#243A69'>{linha.school_year}</Td>
-                    <Td><Icon as={ExternalLinkIcon} /></Td>
+                    <Td><Icon as={ExternalLinkIcon}/><Link to={`/trilhas/${linha.id}`}></Link></Td>
                   </Tr>
                 ))}
               </Tbody>

diff --git a/frontend/src/pages/StudentsLP/index.js b/frontend/src/pages/StudentsLP/index.js
@@ -0,0 +1,18 @@
+import React from "react";
+import { useParams } from "react-router-dom";
+
+const DetalhesParticipantes = () => {
+  const { trilhaId } = useParams();
+
+  // Lógica para buscar os participantes da trilha usando o ID da trilha
+  // Substitua esta lógica pela lógica real de obtenção de dados do banco de dados
+
+  return (
+    <div>
+      <h1>Detalhes dos Participantes da Trilha {trilhaId}</h1>
+      {/* Renderize os detalhes dos participantes aqui */}
+    </div>
+  );
+};
+
+export default DetalhesParticipantes;
diff --git a/frontend/src/routes/index.js b/frontend/src/routes/index.js
@@ -13,6 +13,8 @@ import SendStudent from "../pages/SendStudents";
 import RegistrationPeriod from "../pages/RegistrationPeriod"
 import StudentHome from "../pages/StudentHome"
 import NewEnrolmentLP from "../pages/NewEnrolmentLP"
+import ListLearningPath from "../pages/ListLearningPath"
+import ListElectives from "../pages/ListElectives"
 
 const RoutesApp = () => {
   const { isAuthenticated, isSuperUser } = useAuth();
@@ -78,6 +80,18 @@ const RoutesApp = () => {
                 !isAuthenticated() ? <Navigate to="/signin" /> : <RegistrationPeriod />
               }
             />
+            <Route
+              path="/trilhas"
+              element={
+                !isAuthenticated() ? <Navigate to="/signin" /> : <ListLearningPath />
+              }
+            />
+            <Route
+              path="/eletivas"
+              element={
+                !isAuthenticated() ? <Navigate to="/signin" /> : <ListElectives />
+              }
+            />
           </>
         ) : (
           <>