Commit48e05c3

committed

textarea and multi-line notes

1 parent6c76e74 commit48e05c3Copy full SHA for 48e05c3

File tree

+37

-6

lines changed

+37

-6

lines changed

Lines changed: 21 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -20,6 +20,27 @@`
`20`	`20`	`"id":"78486737-f03f-4da1-a40c-460149e7cf87",`
`21`	`21`	`"createdAt":"2022-09-17T16:16:02.765Z",`
`22`	`22`	`"updatedAt":"2022-09-17T16:18:04.640Z"`
	`23`	`+ },`
	`24`	`+ {`
	`25`	`+"text":"asdasdsad\nAsadasds\nasdasdasdad",`
	`26`	`+"priority":"low",`
	`27`	`+"id":"52ceb228-fc3b-440e-b849-31351a188498",`
	`28`	`+"createdAt":"2022-09-17T19:00:58.267Z",`
	`29`	`+"updatedAt":"2022-09-17T19:00:58.267Z"`
	`30`	`+ },`
	`31`	`+ {`
	`32`	`+"text":"line 1\nline 2\nline 3\nline 4\n",`
	`33`	`+"priority":"low",`
	`34`	`+"id":"a1ad66bb-7f36-48f2-b6b0-e21dfadd5d63",`
	`35`	`+"createdAt":"2022-09-17T19:01:13.245Z",`
	`36`	`+"updatedAt":"2022-09-17T19:01:13.245Z"`
	`37`	`+ },`
	`38`	`+ {`
	`39`	`+"text":"sdasdadasd asdasd sad asda. asd as das d asd as das d das d sa dd asd das dd\n a sd sa d asdsad\n sad sadas d asd sad\n a sd sa das d asdsa\n\n\nasdsdasdasd",`
	`40`	`+"priority":"low",`
	`41`	`+"id":"32a0c88d-45cc-4997-bc03-9c5dd31093aa",`
	`42`	`+"createdAt":"2022-09-17T19:02:48.509Z",`
	`43`	`+"updatedAt":"2022-09-17T19:02:48.509Z"`
`23`	`44`	`}`
`24`	`45`	`]`
`25`	`46`	`}`

Lines changed: 2 additions & 2 deletions

Lines changed: 3 additions & 2 deletions

Original file line number	Diff line number	Diff line change
`@@ -16,7 +16,7 @@ function AddNote(props: AddNoteProps) {`
`16`	`16`	`consttheme=useContext(ThemeContext);`
`17`	`17`	`const{ state, dispatch}=useContext(StateContext);`
`18`	`18`
`19`		`-consthandleChange=(e:React.ChangeEvent<HTMLInputElement>)=>{`
	`19`	`+consthandleChange=(e:React.ChangeEvent<HTMLTextAreaElement>)=>{`
`20`	`20`	`setText(e.target.value);`
`21`	`21`	`};`
`22`	`22`
`@@ -78,7 +78,8 @@ function AddNote(props: AddNoteProps) {`
`78`	`78`	`return(`
`79`	`79`	`<CardbgColor={theme==='dark' ?'#333' :'#ddd'}height="2"padding="1">`
`80`	`80`	`<formclassName="add-note">`
`81`		`-<inputtype="text"onChange={handleChange}value={text}/>`
	`81`	`+<textareaonChange={handleChange}value={text}></textarea>`
	`82`	`+{/* <input type="text" onChange={handleChange} value={text} /> */}`
`82`	`83`	`<selectonChange={handleSelect}value={priority}>`
`83`	`84`	`<optionvalue="high">High</option>`
`84`	`85`	`<optionvalue="medium">Medium</option>`

Lines changed: 9 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -13,4 +13,13 @@`
`13`	`13`	`}`
`14`	`14`	`.date{`
`15`	`15`	`font-size:0.3rem;`
	`16`	`+}`
	`17`	`+.text{`
	`18`	`+white-space: pre-wrap;`
	`19`	`+overflow: hidden;`
	`20`	`+text-overflow: ellipsis;`
	`21`	`+display: -webkit-box;`
	`22`	`+-webkit-line-clamp:2;/* number of lines to show */`
	`23`	`+line-clamp:2;`
	`24`	`+-webkit-box-orient: vertical;`
`16`	`25`	`}`

Lines changed: 2 additions & 2 deletions

Original file line number	Diff line number	Diff line change
`@@ -39,11 +39,11 @@ function Note(props: NoteProps) {`
`39`	`39`	`?props.priority&&ColorDark[props.priority]`
`40`	`40`	`:props.priority&&ColorLight[props.priority]`
`41`	`41`	`}`
`42`		`-height="2"`
	`42`	`+height="3"`
`43`	`43`	`padding="1"`
`44`	`44`	`>`
`45`	`45`	`<>`
`46`		`-<div>{props.text}</div>`
	`46`	`+<divclassName='text'>{props.text}</div>`
`47`	`47`	`<divclassName='left-corner date'>{props.updatedAt.toLocaleString()}</div>`
`48`	`48`	`<divclassName="right-corner">`
`49`	`49`	`<FaEditonClick={()=>editNote(props.note)}></FaEdit>`

Comments

(0)