Gabriela Gómez Hernández
53 lines
1.9 KiB
JavaScript
53 lines
1.9 KiB
JavaScript
import styles from "../styles/admin.module.css";
|
|
import Layout from '../components/layouts/layout';
|
|
import Salir from '../components/layouts/layoutSalir';
|
|
import 'bootstrap/dist/css/bootstrap.min.css';
|
|
import Head from 'next/head';
|
|
import { Container, Row, Col,Button} from "react-bootstrap";
|
|
import SubirArchivo from "../components/administrador/admin";
|
|
import React, { useState } from 'react';
|
|
import axios from "axios";
|
|
export default function Admin(){
|
|
const [archive, setArchive] = useState('');//este se
|
|
const [archive2, setArchive2] = useState('Subir base de datos de profesores');
|
|
|
|
const handleFile = () => {
|
|
// axios.get()
|
|
}
|
|
const setArchiveOn = () => {
|
|
if(archive==""){
|
|
setArchive(<SubirArchivo></SubirArchivo>);
|
|
setArchive2("Cerrar");
|
|
}
|
|
else{
|
|
setArchive("");
|
|
setArchive2("Subir base de datos de profesores");
|
|
}
|
|
}
|
|
|
|
return(
|
|
<Layout>
|
|
<Head>
|
|
<title>Admin</title>
|
|
</Head>
|
|
<Salir/>
|
|
<Container className={`${styles.subtitulo}`}><Row><p>Admin</p></Row></Container>
|
|
<Container className={`${styles.contenido}`}>
|
|
<Row className="justify-content-md-center">
|
|
<Col xs lg="4">
|
|
<div className="d-grid gap-2">
|
|
<Button size="lg" className={`${styles.boton}`} onClick={() => setArchiveOn()}>
|
|
{archive2}
|
|
</Button>
|
|
{archive}
|
|
<Button size="lg" className={`${styles.boton}`} onClick={handleFile}>
|
|
Descargar base de datos de invitados
|
|
</Button>
|
|
</div>
|
|
</Col>
|
|
</Row>
|
|
</Container>
|
|
</Layout>
|
|
)
|
|
}
|