{"version":3,"sources":["Task.js","axios_instance.js","App.js","reportWebVitals.js","index.js"],"names":["Task","isDone","content","removeTask","doneTask","className","onClick","xmlns","width","height","fill","viewBox","d","instance","axios","create","baseURL","App","x","useRef","useState","tasks","setTasks","taskContent","setTaskContent","listTasks","map","task","index","newTasks","delete","id","splice","put","useEffect","current","focus","get","then","response","i","data","push","onSubmit","e","preventDefault","post","ref","type","placeholder","value","onChange","target","reportWebVitals","onPerfEntry","Function","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","StrictMode","document","getElementById"],"mappings":"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","file":"static/js/main.70bcbdde.chunk.js","sourcesContent":["import \"./Task.css\";\n\nfunction Task({ isDone, content, removeTask, doneTask }) {\n  return (\n    <div className=\"task\">\n      <div className=\"content\" onClick={doneTask}>\n        {isDone ? (\n          <>\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              width=\"16\"\n              height=\"16\"\n              fill=\"currentColor\"\n              viewBox=\"0 0 16 16\"\n            >\n              <path d=\"M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z\" />\n              <path d=\"M10.97 4.97a.75.75 0 0 1 1.071 1.05l-3.992 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.235.235 0 0 1 .02-.022z\" />\n            </svg>\n\n            <strike>{content}</strike>\n          </>\n        ) : (\n          <>\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              width=\"16\"\n              height=\"16\"\n              fill=\"currentColor\"\n              viewBox=\"0 0 16 16\"\n            >\n              <path d=\"M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z\" />\n            </svg>\n\n            {content}\n          </>\n        )}\n      </div>\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"16\"\n        height=\"16\"\n        fill=\"currentColor\"\n        viewBox=\"0 0 16 16\"\n        onClick={removeTask}\n      >\n        <path d=\"M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z\" />\n      </svg>\n    </div>\n  );\n}\n\nexport default Task;\n","import axios from \"axios\";\n\nconst instance = axios.create({\n  baseURL:\n    \"https://believemy-react-tasks-default-rtdb.europe-west1.firebasedatabase.app\",\n});\n\nexport default instance;\n","import { useState } from \"react\";\n\nimport Task from \"./Task\";\n\nimport axios from \"./axios_instance\";\n\nimport \"./App.css\";\nimport { useEffect, useRef } from \"react\";\n\nfunction App() {\n  const x = useRef(null);\n\n  const [tasks, setTasks] = useState([]);\n\n  const [taskContent, setTaskContent] = useState(\"\");\n\n  const removeTask = (index) => {\n    const newTasks = [...tasks];\n\n    axios.delete(`tasks/${newTasks[index].id}.json`);\n\n    newTasks.splice(index, 1);\n    setTasks(newTasks);\n  };\n\n  const doneTask = (index) => {\n    const newTasks = [...tasks];\n    newTasks[index].isDone = !newTasks[index].isDone;\n\n    axios.put(`/tasks/${newTasks[index].id}.json`, {\n      content: newTasks[index].content,\n      isDone: newTasks[index].isDone,\n    });\n\n    setTasks(newTasks);\n  };\n\n  const setTaskHandler = (e) => {\n    setTaskContent(e.target.value);\n  };\n\n  const addTask = (e) => {\n    e.preventDefault();\n\n    if (taskContent !== \"\") {\n      const newTasks = [...tasks];\n      newTasks.push({\n        isDone: false,\n        content: taskContent,\n      });\n\n      axios.post(\"/tasks.json\", {\n        isDone: false,\n        content: taskContent,\n      });\n\n      setTasks(newTasks);\n      setTaskContent(\"\");\n    }\n  };\n\n  const listTasks = tasks.map((task, index) => {\n    return (\n      <Task\n        key={index}\n        isDone={task.isDone}\n        content={task.content}\n        removeTask={() => removeTask(index)}\n        doneTask={() => doneTask(index)}\n      />\n    );\n  });\n\n  useEffect(() => {\n    x.current.focus();\n\n    axios.get(\"/tasks.json\").then((response) => {\n      const newTasks = [];\n\n      for (let i in response.data) {\n        newTasks.push({\n          ...response.data[i],\n          id: i,\n        });\n      }\n\n      setTasks(newTasks);\n    });\n  }, []);\n\n  return (\n    <div className=\"App\">\n      <header>\n        <span>TO-DO</span>\n      </header>\n\n      <div className=\"add\">\n        <form onSubmit={addTask}>\n          <input\n            ref={x}\n            type=\"text\"\n            placeholder=\"Que souhaitez-vous ajouter ?\"\n            value={taskContent}\n            onChange={setTaskHandler}\n          />\n          <button type=\"submit\">Ajouter</button>\n        </form>\n      </div>\n\n      {listTasks}\n    </div>\n  );\n}\n\nexport default App;\n","const reportWebVitals = onPerfEntry => {\n  if (onPerfEntry && onPerfEntry instanceof Function) {\n    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\n      getCLS(onPerfEntry);\n      getFID(onPerfEntry);\n      getFCP(onPerfEntry);\n      getLCP(onPerfEntry);\n      getTTFB(onPerfEntry);\n    });\n  }\n};\n\nexport default reportWebVitals;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\nimport reportWebVitals from './reportWebVitals';\n\nReactDOM.render(\n  <React.StrictMode>\n    <App />\n  </React.StrictMode>,\n  document.getElementById('root')\n);\n\n// If you want to start measuring performance in your app, pass a function\n// to log results (for example: reportWebVitals(console.log))\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\nreportWebVitals();\n"],"sourceRoot":""}