-
Notifications
You must be signed in to change notification settings - Fork 0
/
todoView.js
35 lines (29 loc) · 1.2 KB
/
todoView.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
import React,{useContext,useEffect} from 'react'
import ReactDom from 'react-dom';
import {TotalTodoListContext} from './App';
import Todoitems from './todoitems';
function TodoDetails({open,setOpen,children})
{
const todoDetailedList=useContext(TotalTodoListContext);
const closeViewPopup=(e)=>{
document.querySelector('.detailed-todo').classList.add("detailed-popup");
setTimeout(()=>{
setOpen(false);
document.querySelector('.detailed-todo').classList.remove("detailed-popup");
document.querySelector('body').style.overflow="visible";
},400);
}
if(!open) return null;
return ReactDom.createPortal(
<div className="detailed-todo" >
<div className="todo-info">
{/* <TotalTodoListContext.Consumer> */}
<button onClick={closeViewPopup}><i className="fas fa-window-close close-todo-view-window"></i></button>
<Todoitems todoDetailedList={todoDetailedList} />
{/* {children} */}
{/* </TotalTodoListContext.Consumer> */}
</div>
</div>,document.getElementById('todo-details')
)
}
export default TodoDetails;