feat: add context

EGUI/lab3/src/App.js

@@ -7,10 +7,20 @@ import {
     Outlet,
 } from "react-router-dom";
 import React from 'react';
+import loginContext from './context.context';
 
-export default function App() {
+export default class App extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            login: "",
+          };
+      }
+
+    render() {
     return (
         <div>
+
     <Navbar bg="light" expand="lg">
     <Container>
         <Navbar.Brand href="/">Lab 3</Navbar.Brand>
@@ -27,8 +37,11 @@ export default function App() {
 
     </Navbar>
     <Outlet />
+
     </div>
 
     );
-  }
+    }
+}
+
   

EGUI/lab3/src/context.context.jsx

@@ -0,0 +1,5 @@
+import { createContext } from "react";
+
+const loginContext = createContext('test');
+
+export default loginContext;

EGUI/lab3/src/routes/blog.jsx

@@ -1,9 +1,18 @@
+import Login from './login';
 import React from 'react';
+import loginContext from '../context.context';
 
 export default class Blog extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+        login: "",
+      };
+  }
+  
     render() {
       return (
-          <div> hello </div>
+          <div> You are not logged in {this.state.login} </div>
       );
     }
   }

EGUI/lab3/src/routes/login.jsx

@@ -74,11 +74,11 @@ export default class Login extends React.Component {
     {
       alert("This login: \"" + this.state.login + "\" does not exist!");
       return;
-    }
-    if(allData[0].password !== this.state.password)
+    }    if(allData[0].password !== this.state.password)
     {
       alert("Wrong password!");
       return;
     }
+    return this.state.login;
   }
 }