[add] footer

psicoadmin/src/Components/Actividades.js

@@ -1,5 +1,6 @@
 import * as React from 'react'
 import FlightTakeoffIcon from '@mui/icons-material/FlightTakeoff';
+import TimePicker from '@mui/lab/TimePicker';
 import { Col, Row } from 'react-bootstrap';
 
 function LastActivitys() {
@@ -21,6 +22,12 @@ function LastActivitys() {
         date : "21/12/18 9:25:52",
     } ]
 
+    const [value, setValue] = React.useState(new Date());
+    const handleChange = (newValue) => {
+        setValue(newValue);
+    };
+
+
     return(
         <React.Fragment>
             {
@@ -90,6 +97,8 @@ export default function Actividades() {
                             </Col>
                             <Col md="4">
                                 <label>Fecha Inicio</label>
+                                  <TimePicker label="Time" value={value} onChange={handleChange} renderInput={(params) => <TextField {...params} />} />
+
                                 <input id="custom-input-date" className="calendar" type="text" name="upload-release" placeholder="dd/mm/yyyy"/>
                             </Col>
                             <Col md="4">

psicoadmin/src/Components/Candidatos.js

@@ -1,5 +1,10 @@
+import React, { useState } from 'react';
+import { Row, Col } from 'react-bootstrap';
+
 import UpdateIcon from '@mui/icons-material/Update';
-import { Table } from 'react-bootstrap'
+import Typography from '@mui/material/Typography';
+import Pagination from '@mui/material/Pagination';
+import Stack from '@mui/material/Stack';
 
 export default function Candidatos () {
 
@@ -18,6 +23,12 @@ export default function Candidatos () {
         }
     ]
 
+    const [page, setPage] = React.useState(1);
+    const handleChange = (event, value) => {
+        console.log("INDEX => ", value)
+        setPage(value);
+    };
+
     return (
         <div className="body_historial">
             <div className="header_historial">
@@ -27,26 +38,16 @@ export default function Candidatos () {
             <div className="content_historial">
                 <p>Últimos candidatos que han ingresado al sistema:</p>
                 <div className="cabeceras">
-                    <div className="row">
-                        <div className="col20">
-                            <p>Contraseña</p>
-                        </div>
-                        <div className="col20">
-                            <p>Puesto</p>
-                        </div>
-                        <div className="col20">
-                            <p>No. Identificación</p>
-                        </div>
-                        <div className="col20">
-                            <p>Fecha de aplicación</p>
-                        </div>
-                        <div className="col20">
-                            <p>Pruebas Pendientes</p>
-                        </div>
-                    </div>
+                    <Row>
+                        <div className="col20"> <p>Contraseña</p> </div>
+                        <div className="col20"> <p>Puesto</p> </div>
+                        <div className="col20"> <p>No. Identificación</p> </div>
+                        <div className="col20"> <p>Fecha de aplicación</p> </div>
+                        <div className="col20"> <p>Pruebas Pendientes</p> </div>
+                    </Row>
                 </div>
-
                 {
+                    users.length ? 
                     users.map( (user, index) => {
                         return(
                             <div key={index} className="data_candidato">
@@ -69,8 +70,16 @@ export default function Candidatos () {
                                 </div>
                             </div>
                         )
-                    })
+                    }) : undefined
                 }
+                <Row style={{ padding : 5 }}>
+                    <Col>
+                        <Stack spacing={2}>
+                            <Typography>Page: {page}</Typography>
+                            <Pagination count={10} page={page} onChange={handleChange} />
+                        </Stack>
+                    </Col>
+                </Row>
             </div>
         </div>
     )

psicoadmin/src/Components/Dashboard.js

@@ -30,7 +30,7 @@ import ProfilePicture from '../Images/man.png';
 
 import useAuth from '../Auth/useAuth';
 import { Outlet, useNavigate} from "react-router-dom";
-import MenuMovil from "./MenuMovil";
+import Footer from "../Components/Footer";
 
 
 const drawerWidth = 240;
@@ -270,13 +270,11 @@ function DashboardContent() {
                     </List>
                 </Drawer>
                 <Box component="main" sx={{ backgroundColor: (theme) => theme.palette.mode === 'light' ? theme.palette.grey[100] : theme.palette.grey[900], flexGrow: 1, height: '100vh', overflow: 'auto', }} >
-
                     <Toolbar />
-
                     <Container maxWidth="lg" sx={{ mt: 2 , mb: 2 }}>
                         <Outlet/>
+                        <Footer/>
                     </Container>
-
                 </Box>
             </Box>
         </ThemeProvider>

psicoadmin/src/Components/Footer.js

@@ -2,7 +2,7 @@
 import Typography from '@mui/material/Typography';
 import Link from '@mui/material/Link';
 
-export function Footer(props) {
+export default function Footer(props) {
     return (
         <Typography variant="body2" color="text.secondary" align="center" {...props}>
             {'Copyright © '}