54 lines
2.6 KiB
JavaScript
54 lines
2.6 KiB
JavaScript
import React, { useState, useEffect, useLayoutEffect } from "react";
|
|
import { Outlet, useNavigate } from "react-router-dom";
|
|
import { FormsData, UserData, TypeAnswerData } from "./context";
|
|
import { globalRender } from "./router/protectedRouting.js";
|
|
import classes from "./assets/styles/app.module.scss"
|
|
import NavBar from "./components/NavBar.jsx";
|
|
import 'bootstrap/dist/css/bootstrap.min.css';
|
|
import InputText from "./components/typeAnswer/InputText.jsx";
|
|
import TextArea from "./components/typeAnswer/TextArea.jsx";
|
|
import YesNo from "./components/typeAnswer/YesNo.jsx"
|
|
import InputDate from "./components/typeAnswer/InputDate.jsx";
|
|
import InputMultipleRadio from "./components/typeAnswer/InputMultipleRadio.jsx";
|
|
import InputRadio from "./components/typeAnswer/InputRadio.jsx";
|
|
import DropDownList from "./components/typeAnswer/DropDownList.jsx";
|
|
import InputFile from "./components/typeAnswer/InputFile.jsx";
|
|
|
|
const App = () => {
|
|
const navigate = useNavigate();
|
|
const [forms, setForms] = useState([]);
|
|
const [user, setUser] = useState(false);
|
|
const [listTypeAnswer, setListTypeAnswer] = useState([
|
|
{id: 1, text: 'Краткий ответ', typeTag: InputText},
|
|
{id: 2, text: 'Расширенный ответ', typeTag: TextArea},
|
|
{id: 3, text: 'Выбор из вариантов', typeTag: InputRadio},
|
|
{id: 4, text: 'Множественный выбор', typeTag: InputMultipleRadio},
|
|
{id: 5, text: 'Выпадающий список', typeTag: DropDownList},
|
|
{id: 6, text: 'Да/Нет', typeTag: YesNo},
|
|
{id: 7, text: 'Файл', typeTag: InputFile},
|
|
{id: 8, text: 'Дата', typeTag: InputDate}
|
|
]);
|
|
|
|
// useEffect(() => globalRender(window.location.pathname, user, navigate));
|
|
|
|
return (
|
|
<UserData.Provider value={{ user, setUser }}>
|
|
<FormsData.Provider value={{ forms, setForms }}>
|
|
<TypeAnswerData.Provider value={{ listTypeAnswer, setListTypeAnswer }}>
|
|
<div className={classes.main}>
|
|
<div className={classes.container}>
|
|
<div className={classes.header}>
|
|
<NavBar navigate={navigate} auth={user} setAuth={setUser}/>
|
|
</div>
|
|
<div className={classes.content}>
|
|
<Outlet/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</TypeAnswerData.Provider>
|
|
</FormsData.Provider>
|
|
</UserData.Provider>
|
|
)
|
|
}
|
|
|
|
export default App; |