Commit23d1d30

committed

added Add Note component

1 parentdf03614 commit23d1d30Copy full SHA for 23d1d30

File tree

+38

-4

lines changed

+38

-4

lines changed

Lines changed: 7 additions & 2 deletions

Original file line number	Diff line number	Diff line change
`@@ -1,15 +1,20 @@`
`1`	`1`	`import'./App.css';`
`2`	`2`	`importNotefrom'./components/note/note';`
`3`	`3`	`import{Notes}from'./components/note/data';`
	`4`	`+importAddNotefrom'./components/add-note/add-note';`
	`5`	`+import{useState}from'react';`
`4`	`6`
`5`	`7`	`functionApp(){`
	`8`	`+`
	`9`	`+const[notes,setNotes]=useState(Notes);`
`6`	`10`	`return(`
`7`	`11`	`<divclassName="App">`
`8`	`12`	`<h2>Notes App</h2>`
	`13`	`+<AddNote></AddNote>`
`9`	`14`	`<div>`
`10`	`15`	`{`
`11`		`-Notes.map(`
`12`		`-note=><Notepriority={note.priority}text={note.text}></Note>`
	`16`	`+notes.map(`
	`17`	`+note=><Notekey={note.id}priority={note.priority}text={note.text}></Note>`
`13`	`18`	`)`
`14`	`19`	`}`
`15`	`20`	`</div>`

Lines changed: 8 additions & 0 deletions

Lines changed: 21 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,21 @@`
	`1`	`+import{useState}from'react';`
	`2`	`+import'./add-note.css';`
	`3`	`+`
	`4`	`+functionAddNote(){`
	`5`	`+`
	`6`	`+const[text,setText]=useState("");`
	`7`	`+consthandleChange=(e:React.ChangeEvent<HTMLInputElement>)=>{`
	`8`	`+setText(e.target.value);`
	`9`	`+}`
	`10`	`+`
	`11`	`+return(`
	`12`	`+<div>`
	`13`	`+<formclassName="add-note">`
	`14`	`+<inputtype="text"onChange={handleChange}/>`
	`15`	`+<button>Add</button>`
	`16`	`+</form>`
	`17`	`+</div>`
	`18`	`+)`
	`19`	`+}`
	`20`	`+`
	`21`	`+exportdefaultAddNote;`

Lines changed: 1 addition & 1 deletion

Lines changed: 1 addition & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import'./notes.css'`
	`1`	`+import'./note.css'`
`2`	`2`
`3`	`3`	`import{NoteProps}from'./note-type';`
`4`	`4`

Comments

(0)