From 896f5b559b086b737659efc6c8eafa63d6eff4cf Mon Sep 17 00:00:00 2001 From: Amey Naik Date: Tue, 28 Jun 2022 18:15:48 +0530 Subject: [PATCH 1/8] Some changes done --- components/AddTask.js | 41 +- components/LoginForm.js | 39 +- components/Nav.js | 6 + components/TodoListItem.js | 77 +- context/auth.js | 2 +- middlewares/auth_required.js | 17 +- middlewares/no_auth_required.js | 16 +- package.json | 4 +- yarn.lock | 6971 ++++++++++++++++--------------- 9 files changed, 3647 insertions(+), 3526 deletions(-) diff --git a/components/AddTask.js b/components/AddTask.js index 9652adb..aba06e1 100644 --- a/components/AddTask.js +++ b/components/AddTask.js @@ -1,17 +1,44 @@ -export default function AddTask() { +import axios from "axios" +import { useState } from "react" +import { useAuth } from "../context/auth" +import { API_URL } from "../utils/constants" + +export default function addTask() { + const [Task,settheTask]=useState("") + const {Token,token}=useAuth("") const addTask = () => { - /** - * @todo Complete this function. - * @todo 1. Send the request to add the task to the backend server. - * @todo 2. Add the task in the dom. - */ - } + + if(Task.length===0) + { + alert('Please Write some Task!') + } + else + { + axios({ + headers : {Authorization : "Token "+token}, + url : API_URL + 'todo/', + method : 'get', + + }).then((res)=>{ + const {data,status}=res + const apiData = {id : data.length, title : Task} + axios({ + headers : {Authorization : "Token "+token}, + url : API_URL + 'todo/create/', + method: "post", + data : apiData + }) + }) + } + } return (
{settheTask(e.target.value)}} />
) -} + } diff --git a/components/Nav.js b/components/Nav.js index e03cb0f..07ffad0 100644 --- a/components/Nav.js +++ b/components/Nav.js @@ -2,6 +2,8 @@ /* eslint-disable @next/next/no-img-element */ import Link from 'next/link' import { useAuth } from '../context/auth' +import { useState } from 'react' + /** * * @todo Condtionally render login/register and Profile name in NavBar @@ -9,6 +11,10 @@ import { useAuth } from '../context/auth' export default function Nav() { const { logout, profileName, avatarImage } = useAuth() + const [mounted,setMounted] = useState(true) + + // useEffect(()=>{(token)?setMounted(true):setMounted(false)},[]) + // useEffect(()=>{(token)?setMounted(true):setMounted(false)},[token]) return (