{"version":3,"sources":["components/Navbar.js","context/notes/noteContext.js","components/Noteitem.js","components/AddNote.js","components/Notes.js","components/Home.js","components/About.js","context/notes/NoteState.js","components/Alert.js","components/Signup.js","components/Login.js","App.js","index.js"],"names":["Navbar","location","useLocation","className","to","type","id","pathname","role","noteContext","createContext","Noteitem","props","deleteNote","useContext","note","updateNote","title","onClick","_id","description","AddNote","addNote","useState","tag","setNote","onChange","e","target","name","value","htmlFor","minLength","required","disabled","length","preventDefault","Notes","context","notes","getNotes","editNote","useEffect","ref","useRef","refClose","etitle","edescription","etag","currentNote","current","click","tabIndex","map","Home","About","NoteState","host","setNotes","a","fetch","method","headers","response","json","body","JSON","stringify","concat","newNotes","filter","parse","index","Provider","children","Alert","message","Signup","Login","email","password","credentials","setCredentials","history","useHistory","handleSubmit","console","log","success","localStorage","setItem","authtoken","push","alert","onSubmit","App","exact","path","ReactDOM","render","StrictMode","document","getElementById"],"mappings":"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","file":"static/js/main.5d67fdcd.chunk.js","sourcesContent":["import React from 'react'\nimport { Link, useLocation } from \"react-router-dom\";\n\n  \n\nconst Navbar = () => {\n    let location = useLocation();\n    return (\n        <nav className=\"navbar navbar-expand-lg navbar-dark bg-dark\">\n            <div className=\"container-fluid\">\n                <Link className=\"navbar-brand\" to=\"/\">iNotebook</Link>\n                <button className=\"navbar-toggler\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#navbarSupportedContent\" aria-controls=\"navbarSupportedContent\" aria-expanded=\"false\" aria-label=\"Toggle navigation\">\n                    <span className=\"navbar-toggler-icon\"></span>\n                </button>\n                <div className=\"collapse navbar-collapse\" id=\"navbarSupportedContent\">\n                    <ul className=\"navbar-nav me-auto mb-2 mb-lg-0\">\n                        <li className=\"nav-item\">\n                            <Link className={`nav-link ${location.pathname===\"/\"? \"active\": \"\"}`} aria-current=\"page\" to=\"/\">Home</Link>\n                        </li>\n                        <li className=\"nav-item\">\n                            <Link className={`nav-link ${location.pathname===\"/about\"? \"active\": \"\"}`} to=\"/about\">About</Link>\n                        </li>\n\n                    </ul>\n                    <form className=\"d-flex\"> \n                    <Link className=\"btn btn-primary mx-1\" to=\"/login\" role=\"button\">Login</Link>\n                    <Link className=\"btn btn-primary mx-1\" to=\"/signup\" role=\"button\">Signup</Link>\n                    </form>\n                </div>\n            </div>\n        </nav>\n    )\n}\n\nexport default Navbar\n","import { createContext } from \"react\";\n\nconst noteContext = createContext();\n\nexport default noteContext;","import React, {useContext} from 'react'\nimport noteContext from \"../context/notes/noteContext\"\n\n\nconst Noteitem = (props) => {\n    const context = useContext(noteContext);\n    const { deleteNote } = context;\n    const { note, updateNote } = props;\n    return (\n        <div className=\"col-md-3\">\n            <div className=\"card my-3\">\n                <div className=\"card-body\">\n                    <div className=\"d-flex align-items-center\">\n                        <h5 className=\"card-title\">{note.title}</h5>\n                        <i className=\"far fa-trash-alt mx-2\" onClick={()=>{deleteNote(note._id)}}></i>\n                        <i className=\"far fa-edit mx-2\" onClick={()=>{updateNote(note)}}></i>\n                    </div>\n                    <p className=\"card-text\">{note.description}</p>\n\n                </div>\n            </div>\n        </div>\n    )\n}\n\nexport default Noteitem\n","import React, {useContext, useState} from 'react'\nimport noteContext from \"../context/notes/noteContext\"\n\nconst AddNote = () => {\n    const context = useContext(noteContext);\n    const {addNote} = context;\n\n    const [note, setNote] = useState({title: \"\", description: \"\", tag: \"\"})\n\n    const handleClick = (e)=>{\n        e.preventDefault();\n        addNote(note.title, note.description, note.tag);\n        setNote({title: \"\", description: \"\", tag: \"\"})\n    }\n\n    const onChange = (e)=>{\n        setNote({...note, [e.target.name]: e.target.value})\n    }\n    return (\n        <div className=\"container my-3\">\n            <h2>Add a Note</h2>\n            <form className=\"my-3\">\n                <div className=\"mb-3\">\n                    <label htmlFor=\"title\" className=\"form-label\">Title</label>\n                    <input type=\"text\" className=\"form-control\" id=\"title\" name=\"title\" aria-describedby=\"emailHelp\" value={note.title} onChange={onChange} minLength={5} required /> \n                </div>\n                <div className=\"mb-3\">\n                    <label htmlFor=\"description\" className=\"form-label\">Description</label>\n                    <input type=\"text\" className=\"form-control\" id=\"description\" name=\"description\" value={note.description} onChange={onChange} minLength={5} required />\n                </div>\n                <div className=\"mb-3\">\n                    <label htmlFor=\"tag\" className=\"form-label\">Tag</label>\n                    <input type=\"text\" className=\"form-control\" id=\"tag\" name=\"tag\" value={note.tag} onChange={onChange} minLength={5} required />\n                </div>\n               \n                <button disabled={note.title.length<5 || note.description.length<5} type=\"submit\" className=\"btn btn-primary\" onClick={handleClick}>Add Note</button>\n            </form>\n        </div>\n    )\n}\n\nexport default AddNote\n","import React, { useContext, useEffect, useRef, useState } from 'react'\nimport noteContext from \"../context/notes/noteContext\"\nimport Noteitem from './Noteitem';\nimport AddNote from './AddNote';\n\nconst Notes = () => {\n    const context = useContext(noteContext);\n    const { notes, getNotes, editNote } = context;\n    useEffect(() => {\n        getNotes()\n        // eslint-disable-next-line\n    }, [])\n    const ref = useRef(null)\n    const refClose = useRef(null)\n    const [note, setNote] = useState({id: \"\", etitle: \"\", edescription: \"\", etag: \"\"})\n\n    const updateNote = (currentNote) => {\n        ref.current.click();\n        setNote({id: currentNote._id, etitle: currentNote.title, edescription: currentNote.description, etag:currentNote.tag})\n    }\n\n    const handleClick = (e)=>{ \n        editNote(note.id, note.etitle, note.edescription, note.etag)\n        refClose.current.click();\n    }\n\n    const onChange = (e)=>{\n        setNote({...note, [e.target.name]: e.target.value})\n    }\n\n    return (\n        <>\n            <AddNote />\n            <button ref={ref} type=\"button\" className=\"btn btn-primary d-none\" data-bs-toggle=\"modal\" data-bs-target=\"#exampleModal\">\n                Launch demo modal\n            </button>\n            <div className=\"modal fade\" id=\"exampleModal\" tabIndex=\"-1\" aria-labelledby=\"exampleModalLabel\" aria-hidden=\"true\">\n                <div className=\"modal-dialog\">\n                    <div className=\"modal-content\">\n                        <div className=\"modal-header\">\n                            <h5 className=\"modal-title\" id=\"exampleModalLabel\">Edit Note</h5>\n                            <button type=\"button\" className=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button>\n                        </div>\n                        <div className=\"modal-body\">\n                            <form className=\"my-3\">\n                                <div className=\"mb-3\">\n                                    <label htmlFor=\"title\" className=\"form-label\">Title</label>\n                                    <input type=\"text\" className=\"form-control\" id=\"etitle\" name=\"etitle\" value={note.etitle} aria-describedby=\"emailHelp\" onChange={onChange} minLength={5} required/>\n                                </div>\n                                <div className=\"mb-3\">\n                                    <label htmlFor=\"description\" className=\"form-label\">Description</label>\n                                    <input type=\"text\" className=\"form-control\" id=\"edescription\" name=\"edescription\" value={note.edescription} onChange={onChange} minLength={5} required/>\n                                </div>\n                                <div className=\"mb-3\">\n                                    <label htmlFor=\"tag\" className=\"form-label\">Tag</label>\n                                    <input type=\"text\" className=\"form-control\" id=\"etag\" name=\"etag\" value={note.etag} onChange={onChange} />\n                                </div>\n \n                            </form>\n                        </div>\n                        <div className=\"modal-footer\">\n                            <button ref={refClose} type=\"button\" className=\"btn btn-secondary\" data-bs-dismiss=\"modal\">Close</button>\n                            <button disabled={note.etitle.length<5 || note.edescription.length<5} onClick={handleClick} type=\"button\" className=\"btn btn-primary\">Update Note</button>\n                        </div>\n                    </div>\n                </div>\n            </div>\n\n            <div className=\"row my-3\">\n                <h2>You Notes</h2>\n                <div className=\"container mx-2\"> \n                {notes.length===0 && 'No notes to display'}\n                </div>\n                {notes.map((note) => {\n                    return <Noteitem key={note._id} updateNote={updateNote} note={note} />\n                })}\n            </div>\n        </>\n    )\n}\n\nexport default Notes\n","import Notes from './Notes';\n\nexport const Home = () => {\n\n    return (\n        <div> \n            <Notes/>\n        </div>\n    )\n}\n","import React from 'react'\n\nconst About = () => { \n    return (\n        <div>\n            This is About page\n        </div>\n    )\n}\n\nexport default About\n","import NoteContext from \"./noteContext\";\nimport { useState } from \"react\";\n\nconst NoteState = (props) => {\n  const host = \"http://localhost:5000\"\n  const notesInitial = []\n  const [notes, setNotes] = useState(notesInitial)\n\n  // Get all Notes\n  const getNotes = async () => {\n    // API Call \n    const response = await fetch(`${host}/api/notes/fetchallnotes`, {\n      method: 'GET',\n      headers: {\n        'Content-Type': 'application/json',\n        \"auth-token\": \"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImlkIjoiNjEzMWRjNWUzZTQwMzdjZDQ3MzRhMDY2In0sImlhdCI6MTYzMDY2OTU5Nn0.hJS0hx6I7ROugkqjL2CjrJuefA3pJi-IU5yGUbRHI4Q\"\n      }\n    });\n    const json = await response.json() \n    setNotes(json)\n  }\n\n  // Add a Note\n  const addNote = async (title, description, tag) => {\n    // TODO: API Call\n    // API Call \n    const response = await fetch(`${host}/api/notes/addnote`, {\n      method: 'POST',\n      headers: {\n        'Content-Type': 'application/json',\n        \"auth-token\": \"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImlkIjoiNjEzMWRjNWUzZTQwMzdjZDQ3MzRhMDY2In0sImlhdCI6MTYzMDY2OTU5Nn0.hJS0hx6I7ROugkqjL2CjrJuefA3pJi-IU5yGUbRHI4Q\"\n      },\n      body: JSON.stringify({title, description, tag})\n    });\n\n    const note = await response.json();\n    setNotes(notes.concat(note))\n  }\n\n  // Delete a Note\n  const deleteNote = async (id) => {\n    // API Call\n    const response = await fetch(`${host}/api/notes/deletenote/${id}`, {\n      method: 'DELETE',\n      headers: {\n        'Content-Type': 'application/json',\n        \"auth-token\": \"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImlkIjoiNjEzMWRjNWUzZTQwMzdjZDQ3MzRhMDY2In0sImlhdCI6MTYzMDY2OTU5Nn0.hJS0hx6I7ROugkqjL2CjrJuefA3pJi-IU5yGUbRHI4Q\"\n      }\n    });\n    const json = response.json(); \n    const newNotes = notes.filter((note) => { return note._id !== id })\n    setNotes(newNotes)\n  }\n\n  // Edit a Note\n  const editNote = async (id, title, description, tag) => {\n    // API Call \n    const response = await fetch(`${host}/api/notes/updatenote/${id}`, {\n      method: 'PUT',\n      headers: {\n        'Content-Type': 'application/json',\n        \"auth-token\": \"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImlkIjoiNjEzMWRjNWUzZTQwMzdjZDQ3MzRhMDY2In0sImlhdCI6MTYzMDY2OTU5Nn0.hJS0hx6I7ROugkqjL2CjrJuefA3pJi-IU5yGUbRHI4Q\"\n      },\n      body: JSON.stringify({title, description, tag})\n    });\n    const json = await response.json(); \n\n     let newNotes = JSON.parse(JSON.stringify(notes))\n    // Logic to edit in client\n    for (let index = 0; index < newNotes.length; index++) {\n      const element = newNotes[index];\n      if (element._id === id) {\n        newNotes[index].title = title;\n        newNotes[index].description = description;\n        newNotes[index].tag = tag; \n        break; \n      }\n    }  \n    setNotes(newNotes);\n  }\n\n  return (\n    <NoteContext.Provider value={{ notes, addNote, deleteNote, editNote, getNotes }}>\n      {props.children}\n    </NoteContext.Provider>\n  )\n\n}\nexport default NoteState;","import React from 'react'\n\nexport const Alert = (props) => {\n    return (\n        <div>\n            <div className=\"alert alert-primary\" role=\"alert\">\n                {props.message}\n            </div>\n        </div>\n    )\n}\n","import React from 'react'\n\nconst Signup = () => {\n    return (\n        <div>\n            I am signup\n        </div>\n    )\n}\n\nexport default Signup\n","import React, {useState} from 'react'\nimport { useHistory } from 'react-router-dom'\n\n\nconst Login = (props) => {\n    const [credentials, setCredentials] = useState({email: \"\", password: \"\"}) \n    let history = useHistory();\n\n    const handleSubmit = async (e) => {\n        e.preventDefault();\n        const response = await fetch(\"http://localhost:5000/api/auth/login\", {\n            method: 'POST',\n            headers: {\n                'Content-Type': 'application/json'\n            },\n            body: JSON.stringify({email: credentials.email, password: credentials.password})\n        });\n        const json = await response.json()\n        console.log(json);\n        if (json.success){\n            // Save the auth token and redirect\n            localStorage.setItem('token', json.authtoken); \n            history.push(\"/\");\n\n        }\n        else{\n            alert(\"Invalid credentials\");\n        }\n    }\n\n    const onChange = (e)=>{\n        setCredentials({...credentials, [e.target.name]: e.target.value})\n    }\n\n    return (\n        <div>\n            <form  onSubmit={handleSubmit}>\n                <div className=\"mb-3\">\n                    <label htmlFor=\"email\" className=\"form-label\">Email address</label>\n                    <input type=\"email\" className=\"form-control\" value={credentials.email} onChange={onChange} id=\"email\" name=\"email\" aria-describedby=\"emailHelp\" />\n                    <div id=\"emailHelp\" className=\"form-text\">We'll never share your email with anyone else.</div>\n                </div>\n                <div className=\"mb-3\">\n                    <label htmlFor=\"password\" className=\"form-label\">Password</label>\n                    <input type=\"password\" className=\"form-control\" value={credentials.password} onChange={onChange} name=\"password\" id=\"password\" />\n                </div>\n\n                <button type=\"submit\" className=\"btn btn-primary\">Submit</button>\n            </form>\n        </div>\n    )\n}\n\nexport default Login\n","import './App.css';\nimport {\n  BrowserRouter as Router,\n  Switch,\n  Route\n} from \"react-router-dom\";\nimport Navbar from './components/Navbar';\nimport { Home } from './components/Home';\nimport About from './components/About';\nimport NoteState from './context/notes/NoteState';\nimport { Alert } from './components/Alert';\nimport Signup from './components/Signup';\nimport Login from './components/Login';\n\nfunction App() {\n  return (\n    <>\n      <NoteState>\n        <Router>\n          <Navbar />\n          <Alert message=\"This is amazing React course\" />\n          <div className=\"container\">\n            <Switch>\n              <Route exact path=\"/\">\n                <Home />\n              </Route>\n              <Route exact path=\"/about\">\n                <About />\n              </Route>\n              <Route exact path=\"/login\">\n                <Login />\n              </Route>\n              <Route exact path=\"/signup\">\n                <Signup />\n              </Route>\n            </Switch>\n          </div>\n        </Router>\n      </NoteState>\n    </>\n  );\n}\n\nexport default App;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App'; \n\nReactDOM.render(\n  <React.StrictMode>\n    <App />\n  </React.StrictMode>,\n  document.getElementById('root')\n);\n "],"sourceRoot":""}