56 lines
1.3 KiB
TypeScript
56 lines
1.3 KiB
TypeScript
import React, { useState } from "react";
|
|
import TopBar from "./components/TopBar/";
|
|
import Transfer from "./components/Transfer/";
|
|
import "./App.scss";
|
|
import {Scheduler} from "./components/Scheduler";
|
|
import RightBar from "./components/RightBar";
|
|
import { lectures } from "./businesslogic/mockData/lectures";
|
|
|
|
import BusinessLogicContext from "./businesslogic/BusinessLogicContext";
|
|
import { BuisnessProvided } from "./businesslogic/BusinessLogicProvider";
|
|
|
|
function App() {
|
|
const [isOpenTransfer, setOpenTransfer] = useState(false);
|
|
|
|
|
|
return (
|
|
<div className="App">
|
|
<BusinessLogicContext.Consumer>
|
|
{(context) => (
|
|
<TopBar
|
|
handleTransfer={(e) => {
|
|
setOpenTransfer(!isOpenTransfer);
|
|
}}
|
|
onLangChange={(e) => {
|
|
console.log(e);
|
|
}}
|
|
handleLogout={() => {
|
|
(context as BuisnessProvided).reducers.userlogout();
|
|
}}
|
|
/>
|
|
)}
|
|
</BusinessLogicContext.Consumer>
|
|
<Transfer
|
|
isOpen={isOpenTransfer}
|
|
handleClose={(e) => {
|
|
setOpenTransfer(!isOpenTransfer);
|
|
}}
|
|
/>
|
|
<div className="wraper">
|
|
<div className="wraper__calendar">
|
|
<Scheduler />
|
|
</div>
|
|
<div className="wraper__rightbar">
|
|
<RightBar
|
|
lectures={lectures}
|
|
onGroupMouseOver={(id, name) => {
|
|
}}
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
export default App;
|