From a8c9eae2031fca1f33b24fefc82bfdb2da80ce70 Mon Sep 17 00:00:00 2001
From: Algusto-RC <algustorc@gmail.com>
Date: Wed, 22 Nov 2023 23:26:55 -0300
Subject: [PATCH] melhorias de telas e rotas

---
 frontend/src/components/Footer/index.js       |  8 +++++--
 .../index.js                                  |  4 ++--
 .../index.js                                  |  4 ++--
 .../style.js                                  |  0
 frontend/src/pages/Home/index.js              | 23 +++++++++++++++----
 frontend/src/routes/index.js                  | 10 ++++----
 frontend/src/styles/global.js                 |  2 +-
 7 files changed, 36 insertions(+), 15 deletions(-)
 rename frontend/src/pages/{ElectivesExclusion => ExclusionEletivas}/index.js (97%)
 rename frontend/src/pages/{PathExclusion => ExclusionTrilhas}/index.js (98%)
 rename frontend/src/pages/{PathExclusion => ExclusionTrilhas}/style.js (100%)

diff --git a/frontend/src/components/Footer/index.js b/frontend/src/components/Footer/index.js
index 392110f3..84bedaf3 100644
--- a/frontend/src/components/Footer/index.js
+++ b/frontend/src/components/Footer/index.js
@@ -1,9 +1,13 @@
 import React from "react";
-import * as C from "./styles";
+import { Box, Center, Text } from '@chakra-ui/react';
 
 const Footer = () => {
   return (
-    <></>
+    <Box as="footer" py="8" bg="gray.800" color="white" backgroundColor={'#243A69'}>
+      <Center padding={'1vh'} justify="space-between" >
+        <Text fontSize="sm" >Copyright © 2023 Centro de Ensino Médio de Taguatinga Norte. Todos os direitos reservados.</Text>
+      </Center>
+    </Box>
   );
 };
 
diff --git a/frontend/src/pages/ElectivesExclusion/index.js b/frontend/src/pages/ExclusionEletivas/index.js
similarity index 97%
rename from frontend/src/pages/ElectivesExclusion/index.js
rename to frontend/src/pages/ExclusionEletivas/index.js
index c506bc2c..4d75504b 100644
--- a/frontend/src/pages/ElectivesExclusion/index.js
+++ b/frontend/src/pages/ExclusionEletivas/index.js
@@ -20,7 +20,7 @@ import {
 } from "@chakra-ui/react"
 ;
 
-const ElectivesList = () => {
+const ExclusionEletivas = () => {
   const [eletivas, setEletivas] = useState([]);
   const [eletivasSelecionadas, setEletivasSelecionadas] = useState([]);
 
@@ -109,4 +109,4 @@ const ElectivesList = () => {
   );
 };
 
-export default ElectivesList;
+export default ExclusionEletivas;
diff --git a/frontend/src/pages/PathExclusion/index.js b/frontend/src/pages/ExclusionTrilhas/index.js
similarity index 98%
rename from frontend/src/pages/PathExclusion/index.js
rename to frontend/src/pages/ExclusionTrilhas/index.js
index 0bda75ea..cb93d89e 100644
--- a/frontend/src/pages/PathExclusion/index.js
+++ b/frontend/src/pages/ExclusionTrilhas/index.js
@@ -20,7 +20,7 @@ import {
 } from "@chakra-ui/react"
 ;
 
-const TrilhasList = () => {
+const ExclusionTrilhas = () => {
   const [trilhas, setTrilhas] = useState([]);
   const [trilhasSelecionadas, setTrilhasSelecionadas] = useState([]);
 
@@ -114,4 +114,4 @@ const TrilhasList = () => {
   );
 };
 
-export default TrilhasList;
+export default ExclusionTrilhas;
diff --git a/frontend/src/pages/PathExclusion/style.js b/frontend/src/pages/ExclusionTrilhas/style.js
similarity index 100%
rename from frontend/src/pages/PathExclusion/style.js
rename to frontend/src/pages/ExclusionTrilhas/style.js
diff --git a/frontend/src/pages/Home/index.js b/frontend/src/pages/Home/index.js
index 02462060..24bb0f7a 100644
--- a/frontend/src/pages/Home/index.js
+++ b/frontend/src/pages/Home/index.js
@@ -1,10 +1,25 @@
 import React from "react";
-import Header from '../../components/Header/index.js'
+import { Container, Flex, Stack, Box, Wrap, WrapItem, Button, Center } from "@chakra-ui/react";
+import Header from "../../components/Header/index.js";
+import Footer from "../../components/Footer/index.js";
+import { Link } from "react-router-dom";
 
 const Home = () => {
-
-return (
-    <Header></Header>
+  return (
+    <Flex direction="column" minH="100vh">
+      <Header />
+      <Container flex="2">
+        <Center>
+          <Link to='/criar-trilhas'>Vasco</Link>
+          <Link to='/criar-eletivas'>Vasco</Link>
+        </Center>
+        <Center>
+          <Link to='/trilhas'>Vasco</Link>
+          <Link to='/eletivas'>Vasco</Link>
+        </Center>
+      </Container>
+      <Footer />
+    </Flex>
   );
 };
 
diff --git a/frontend/src/routes/index.js b/frontend/src/routes/index.js
index 2d360d40..ece5e03a 100644
--- a/frontend/src/routes/index.js
+++ b/frontend/src/routes/index.js
@@ -4,10 +4,12 @@ import useAuth from "../hooks/useAuth";
 import Home from "../pages/Home";
 import Signin from "../pages/Signin";
 import Signup from "../pages/Signup";
-import TrilhasList from "../pages/PathExclusion";
-import ElectivesList from "../pages/ElectivesExclusion"
+import TrilhasList from "../pages/ExclusionTrilhas";
+import ElectivesList from "../pages/ExclusionEletivas"
 import CreateEletivas from "../pages/CreateEletivas";
 import CreateTrilhas from "../pages/CreateTrilhas";
+import ExclusionTrilhas from "../pages/ExclusionTrilhas";
+import ExclusionEletivas from "../pages/ExclusionEletivas";
 
 const Private = ({ Item }) => {
   const { signed } = useAuth();
@@ -24,8 +26,8 @@ const RoutesApp = () => {
           <Route path="/" element={<Signin />} />
           <Route exact path="/signup" element={<Signup />} />
           <Route path="*" element={<Signin />} />
-          <Route path="/trilhas" element={<TrilhasList />} />
-          <Route path="/eletivas" element={<ElectivesList />} />
+          <Route path="/eletivas" element={<ExclusionEletivas />} />
+          <Route path="/trilhas" element={<ExclusionTrilhas />} />
           <Route exact path="/criar-eletiva" element={<CreateEletivas />} />
           <Route exact path="/criar-trilha" element={<CreateTrilhas />} />
         </Routes>
diff --git a/frontend/src/styles/global.js b/frontend/src/styles/global.js
index eeaaddc4..15c27d3d 100644
--- a/frontend/src/styles/global.js
+++ b/frontend/src/styles/global.js
@@ -6,7 +6,7 @@ const GlobalStyle = createGlobalStyle`
     margin: 0;
     padding: 0;
     box-sizing: border-box;
-      //border: 1px solid hotpink;
+    //border: 1px solid hotpink;
   }
 
   body {