Commit87c5831

committed

added onchange priority

1 parente34120f commit87c5831Copy full SHA for 87c5831

File tree

+23

-5

lines changed

+23

-5

lines changed

Lines changed: 7 additions & 1 deletion

Lines changed: 12 additions & 2 deletions

Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,5 @@`
`1`	`1`	`import{useState}from'react';`
`2`		`-import{NoteType}from'../note/note-type';`
	`2`	`+import{NoteType,Priority}from'../note/note-type';`
`3`	`3`	`import'./add-note.css';`
`4`	`4`	`import{v4asuuidv4}from'uuid';`
`5`	`5`
`@@ -10,6 +10,7 @@ type AddNoteProps = {`
`10`	`10`	`functionAddNote(props:AddNoteProps){`
`11`	`11`
`12`	`12`	`const[text,setText]=useState("");`
	`13`	`+const[priority,setPriority]=useState<Priority>('low');`
`13`	`14`	`consthandleChange=(e:React.ChangeEvent<HTMLInputElement>)=>{`
`14`	`15`	`setText(e.target.value);`
`15`	`16`	`}`
`@@ -18,15 +19,24 @@ function AddNote(props: AddNoteProps){`
`18`	`19`	`e.preventDefault();`
`19`	`20`	`props.addNote({`
`20`	`21`	`text,`
`21`		`-priority:'low',`
	`22`	`+ priority,`
`22`	`23`	`id:uuidv4()`
`23`	`24`	`})`
`24`	`25`	`}`
`25`	`26`
	`27`	`+consthandleSelect=(e:React.ChangeEvent<HTMLSelectElement>)=>{`
	`28`	`+setPriority(e.target.valueasPriority);`
	`29`	`+}`
	`30`	`+`
`26`	`31`	`return(`
`27`	`32`	`<div>`
`28`	`33`	`<formclassName="add-note">`
`29`	`34`	`<inputtype="text"onChange={handleChange}/>`
	`35`	`+<selectonChange={handleSelect}value={priority}>`
	`36`	`+<optionvalue="high">High</option>`
	`37`	`+<optionvalue="medium">Medium</option>`
	`38`	`+<optionvalue="low">Low</option>`
	`39`	`+</select>`
`30`	`40`	`<buttononClick={handleClick}>Add</button>`
`31`	`41`	`</form>`
`32`	`42`	`</div>`

Lines changed: 4 additions & 2 deletions

Original file line number	Diff line number	Diff line change
`@@ -1,10 +1,12 @@`
	`1`	`+exporttypePriority='high'\|'medium'\|'low';`
	`2`	`+`
`1`	`3`	`exporttypeNoteProps={`
`2`	`4`	`text:string,`
`3`		`-priority? :'high'\|'medium'\|'low'`
	`5`	`+priority? :Priority`
`4`	`6`	`}`
`5`	`7`
`6`	`8`	`exporttypeNoteType={`
`7`	`9`	`id:string,`
`8`	`10`	`text:string,`
`9`		`-priority :'high'\|'medium'\|'low'`
	`11`	`+priority :Priority`
`10`	`12`	`}`

Comments

(0)