+### `npm run eject`
-```
-$ git clone https://github.com/assembler-school/reactjs-todo-list.git
-```
+**Note: this is a one-way operation. Once you `eject`, you can't go back!**
-## Contents and Branches Naming Strategy
+If you aren't satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project.
-The repository is made up of several branches that include the contents of each
-section.
+Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you're on your own.
-The branches follow a naming strategy like the following:
+You don't have to ever use `eject`. The curated feature set is suitable for small and middle deployments, and you shouldn't feel obligated to use this feature. However we understand that this tool wouldn't be useful if you couldn't customize it when you are ready for it.
-- `main`: includes the main contents and the instructions
-- `assembler-solution`: includes the solution
+## Learn More
-### Fetching All the Branches
+You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).
-In order to fetch all the remote branches in the repository, you can use the
-following command:
+To learn React, check out the [React documentation](https://reactjs.org/).
-```sh
-$ git fetch --all
-```
+### Code Splitting
-### List Both Remote Tracking Branches and Local Branches
+This section has moved here: [https://facebook.github.io/create-react-app/docs/code-splitting](https://facebook.github.io/create-react-app/docs/code-splitting)
-```sh
-$ git branch --all
-```
+### Analyzing the Bundle Size
-Then, you can create a local branch based on a remote branch with the following
-command:
+This section has moved here: [https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size](https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size)
-```sh
-$ git checkout -b
-
- 
-
-## Project requirements
-
-This is an overview of the main requirements of this project.
-
-- You must follow all the instructions of the project step-by-step
-- You should always try to solve them by yourself before asking for help
-- You should always help your team members and fellow students of the master so
- that you can all learn together and become better software developers and team
- members
-- You must finish all the steps that are marked as `Required`
-- **You must use semantic HTML5 elements for all the markup of the application**
-- Once you are done, you can move on to the optional ones that are marked as
- `Extra 💯`
-
-### 1. Styles and Layout
-
-For this step you have to think of a layout for the app.
-
-1. You **must** use `SCSS` for all the styles of the app and the
- [classnames](https://github.com/JedWatson/classnames#readme) npm package to
- handle any conditionally set classes
-2. The overall layout must be a pixel perfect copy of the design we provide
-3. The layout must be responsive so that it works in all device sizes
-
-### 2. Show All the Todos
-
-In this step you must implement the logic to render all the todos of the app.
-This means that all the todos are rendered without taking into account if they
-are completed or not.
-
-1. **The todos must be created in the `App` component and passed as props to the
- page components**
-2. **All the methods that modify the ` Dani Lucaci 💻 📖 💡 🔧 |
-
+ {data.map( element => {
+ if( element.needToDo == true){
+ return
+ }
+ })
+ }
+
+ )
+};
+
+export default DisplayAll;
\ No newline at end of file
diff --git a/src/components/DisplayAll/index.js b/src/components/DisplayAll/index.js
new file mode 100644
index 00000000..18e909ba
--- /dev/null
+++ b/src/components/DisplayAll/index.js
@@ -0,0 +1 @@
+export {default} from './DisplayAll';
\ No newline at end of file
diff --git a/src/components/EditTask/EditTask.jsx b/src/components/EditTask/EditTask.jsx
new file mode 100644
index 00000000..d287bbcc
--- /dev/null
+++ b/src/components/EditTask/EditTask.jsx
@@ -0,0 +1,51 @@
+import React, { useState, useEffect, useContext } from 'react'
+import Input from '../Input'
+import Modal from 'react-bootstrap/Modal'
+import { useNavigate } from 'react-router-dom'
+import { addTask, loadDatos } from '../Functions/functions'
+import { AppContext } from '../../AppState'
+
+const EditTask = ({ editText }) => {
+
+ const navigate = useNavigate();
+ const [load, setload] = useContext(AppContext)
+
+ const [valueIn, setvalueIn] = useState(editText.task)
+ const handleClose = () => navigate('/All');
+
+ const handleChange = (e) => {
+ setvalueIn(e.target.value)
+ }
+
+ const findElement = () => {
+ let list = loadDatos();
+
+ list = list.filter((element) => element.task !== editText.task);
+ localStorage.setItem("taskList", JSON.stringify(list))
+
+ addTask(valueIn)
+ handleClose();
+ setload(loadDatos())
+ }
+
+ return (
+