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;