React_Assignment

components/AddTask.js

@@ -5,6 +5,22 @@ export default function AddTask() {
 		 * @todo 1. Send the request to add the task to the backend server.
 		 * @todo 2. Add the task in the dom.
 		 */
+
+
+
+
+	const addTask = async() => {
+
+
+		try{
+			await axios.post("todo/create/",{title:task},options)
+		}
+
+		catch(err){
+			console.log(err)
+		}
+
+	};
 	};
 
 	return (

middlewares/auth_required.js

@@ -1,3 +1,19 @@
 /***
  * @todo Redirect the user to login page if token is not present.
  */
+import { useEffect } from 'react';
+import { useRouter } from 'next/router';
+import { useAuth } from '../context/auth';
+
+const useAuthProtection = () => {
+  const router = useRouter();
+  const { token } = useAuth();
+
+  useEffect(() => {
+    if (!token) {
+      router.push('/login');
+    }
+  }, [token, router]);
+
+  return token;
+};