Refactored

src/App.tsx

@@ -5,6 +5,8 @@ import "./App.scss";
 import Schedule from "./components/Calendar/";
 import { appointments } from "./components/Calendar/appointments";
 import RightBar from "./components/RightBar";
+import BusinessLogicContext from "./businesslogic/BusinessLogicContext";
+import { BuisnessProvided } from "./businesslogic/BusinessLogicProvider";
 
 function App() {
 	const [isOpenTransfer, setOpenTransfer] = useState(false);
@@ -53,17 +55,24 @@ function App() {
 
 	return (
 		<div className="App">
-			<TopBar
-				textChangeHandler={(e) => {
-					setText(e.target.value);
-				}}
-				handleTransfer={(e) => {
-					setOpenTransfer(!isOpenTransfer);
-				}}
-				onLangChange={(e) => {
-					console.log(e);
-				}}
-			/>
+			<BusinessLogicContext.Consumer>
+				{(context) => (
+					<TopBar
+						textChangeHandler={(e) => {
+							setText(e.target.value);
+						}}
+						handleTransfer={(e) => {
+							setOpenTransfer(!isOpenTransfer);
+						}}
+						onLangChange={(e) => {
+							console.log(e);
+						}}
+						handleLogout={() => {
+							(context as BuisnessProvided).reducers.userlogout();
+						}}
+					/>
+				)}
+			</BusinessLogicContext.Consumer>
 			<Transfer
 				isOpen={isOpenTransfer}
 				handleClose={(e) => {