Frontend PR

HOC/withAuth.jsx

@@ -0,0 +1,48 @@
+import { useRouter } from "next/router";
+import { useUsersContext } from '../context/UsersContext';
+import { useMemo,useEffect, useCallback, useState } from 'react';
+//import { useState } from "react/cjs/react.development";
+import { setAuth } from "../utils/setAuth";
+import axios from "axios";
+import { SERVER_URL } from "../server";
+
+const withAuth = (WrappedComponent) => {
+  // eslint-disable-next-line react/display-name
+  return (props) => {
+
+    const {user,setUser}=useUsersContext()
+
+    const loadUser=useCallback( async (localToken)=>{
+        setAuth(localToken)
+        try {
+            const res = await axios.get(`${SERVER_URL}/api/users/me`);
+            const{email,name,avatar}=res.data
+            setUser({email,name,avatar})    
+        } 
+        catch (error) {
+            console.log(error)
+            }
+    },[setUser])
+
+    useEffect(() => {
+        const localToken=localStorage.getItem("token")
+       loadUser(localToken) 
+    }, [loadUser])
+
+    if (typeof window !== "undefined") {
+
+        const Router = useRouter();
+        const accessToken = localStorage.getItem("token");
+
+        if (!accessToken) {
+            Router.replace("/");
+            return null;
+        }
+
+      return <WrappedComponent {...props} />;
+    }
+    return null;
+  };
+};
+
+export default withAuth;

context/UsersContext.jsx

@@ -0,0 +1,17 @@
+import { createContext, useContext } from 'react';
+import { useState } from 'react/cjs/react.development';
+
+const UsersContext = createContext();
+
+export function UsersWrapper({ children }) {
+  const [user,setUser]= useState([])
+  return (
+    <UsersContext.Provider value={{user,setUser}}>
+      {children}
+    </UsersContext.Provider>
+  );
+}
+
+export function useUsersContext() {
+  return useContext(UsersContext);
+}

next.config.js

@@ -1,3 +1,13 @@
+// module.exports = {
+//   reactStrictMode: true,
+// }
 module.exports = {
-  reactStrictMode: true,
-}
+  async rewrites() {
+      return [
+        {
+          source: '/api/:path*',
+          destination: 'https://betatech-chat.herokuapp.com/:path*',
+        },
+      ]
+    },
+};