Add UserContext

4 years ago · 1cd81499a3
3 changed files with 11 additions and 6 deletions
--- a/client/contexts/UserContext.js
+++ b/client/contexts/UserContext.js
@ -0,0 +1,3 @@
+const { createContext } = require("react");
+
+module.exports = createContext({});
--- a/client/views/layouts/Header.jsx
+++ b/client/views/layouts/Header.jsx
@ -1,7 +1,8 @@
-import React, { useState, useEffect } from "react";
+import React, { useContext } from "react";
+import UserContext from "../../contexts/UserContext";

-export default function Head({ user }) {
-  const [username, setUsername] = useState("");
+export default function Head() {
+  const user = useContext(UserContext);

  const onLogout = () => {
    notification.error({
--- a/client/views/layouts/Main.jsx
+++ b/client/views/layouts/Main.jsx
@ -1,18 +1,19 @@
 import React from "react";
 import Header from "./Header";
+import UserContext from "../../contexts/UserContext";

 export default function ({ user, children }) {
  return (
-    <>
+    <UserContext.Provider value={user}>
      <head>
        <link rel="stylesheet" href="/bootstrap.min.css"></link>
        <script src="/jquery.min.js"></script>
        <script src="/bootstrap.min.js"></script>
      </head>
      <body>
-        <Header user={user}></Header>
+        <Header></Header>
        <div className="container mt-3">{children}</div>
      </body>
-    </>
+    </UserContext.Provider>
  );
 }