diff --git a/ReactLearning/kanban-board/src/App.tsx b/ReactLearning/kanban-board/src/App.tsx index bab5e45..9faeb61 100644 --- a/ReactLearning/kanban-board/src/App.tsx +++ b/ReactLearning/kanban-board/src/App.tsx @@ -60,15 +60,20 @@ class App extends React.Component<{}, State> { console.log(taskInstance); if (this.state.columns.length > 0) { let taskId = this.state.taskIterator; - let index = -1; + let index = -2; if (taskInstance !== undefined) { this.setState({ taskIterator: taskId + 1 }); + console.log(this.state.columns) + console.log(taskInstance.column) let indexObj = this.state.columns.find( (o) => o.id === taskInstance.column ); if (indexObj) { index = this.state.columns.indexOf(indexObj); } + else{ + alert("Clifford") + } if (index >= 0) { this.state.columns[index].tasks.push({ @@ -78,6 +83,12 @@ class App extends React.Component<{}, State> { priority: taskInstance.priority, }); } + else{ + alert("Error finding that column. Check it hasn't already been deleted!" + index) + } + } + else{ + alert("Oh god, oh heck") } } else { alert("You might want to consider adding a column!"); diff --git a/ReactLearning/kanban-board/src/components/Header.tsx b/ReactLearning/kanban-board/src/components/Header.tsx index 96b6dcc..e99078e 100644 --- a/ReactLearning/kanban-board/src/components/Header.tsx +++ b/ReactLearning/kanban-board/src/components/Header.tsx @@ -36,7 +36,11 @@ class Header extends React.Component { } showModal = () => { - this.setState({ show: true }); + let {show, columnNumber} = {...this.state} + show = true; + columnNumber = this.props.columns[0].id + this.setState({ show, columnNumber}); + }; hideModal = () => { @@ -66,6 +70,7 @@ class Header extends React.Component { } render() { + return (

{

Add Task

-

{this.props.columns.length}

+

{this.props.columns[0] && this.props.columns[0].id}