Commit7a9ecd0

committed

solution: useState message

1 parent38ee2a3 commit7a9ecd0Copy full SHA for 7a9ecd0

File tree

1 file changed

+21

-7

lines changed

src/components/Message
- useState.js

1 file changed

+21

-7

lines changed

`‎src/components/Message/useState.js`

Lines changed: 21 additions & 7 deletions

Original file line number	Diff line number	Diff line change
`@@ -16,7 +16,15 @@ export const Message = props => {`
`16`	`16`	`text`
`17`	`17`	`}=props;`
`18`	`18`
`19`		`-/* TODO: toggle retweet & favorite status & count on click */`
	`19`	`+const[retweet,toggleRetweet]=React.useState({`
	`20`	`+toggled:retweeted,`
	`21`	`+count:retweet_count`
	`22`	`+});`
	`23`	`+`
	`24`	`+const[favorite,toggleFavorite]=React.useState({`
	`25`	`+toggled:favorited,`
	`26`	`+count:favorite_count`
	`27`	`+});`
`20`	`28`
`21`	`29`	`return(`
`22`	`30`	`<Card`
`@@ -35,30 +43,36 @@ export const Message = props => {`
`35`	`43`	`<divclassName="Message_Body">{text}</div>`
`36`	`44`	`<divclassName="Message_Footer">`
`37`	`45`	`<Iconicon="comment"title="comment"/>`
`38`		`-<IconCountWrappertitle="retweet_count"count={0}>`
	`46`	`+<IconCountWrappertitle="retweet_count"count={retweet.count}>`
`39`	`47`	`<IconButton`
`40`	`48`	`role="retweet"`
`41`	`49`	`onClick={()=>{`
`42`		`-/* toggle retweet locally */`
	`50`	`+toggleRetweet({`
	`51`	`+count:retweet.count+(retweet.toggled ?-1 :1),`
	`52`	`+toggled:!retweet.toggled`
	`53`	`+});`
`43`	`54`	`}}`
`44`	`55`	`>`
`45`	`56`	`<Icon`
`46`	`57`	`icon="retweet"`
`47`		`-active={false}`
	`58`	`+active={retweet.toggled}`
`48`	`59`	`highlight="rgb(23, 191, 99)"`
`49`	`60`	`/>`
`50`	`61`	`</IconButton>`
`51`	`62`	`</IconCountWrapper>`
`52`		`-<IconCountWrappertitle="favorite_count"count={0}>`
	`63`	`+<IconCountWrappertitle="favorite_count"count={favorite.count}>`
`53`	`64`	`<IconButton`
`54`	`65`	`role="favorite"`
`55`	`66`	`onClick={()=>{`
`56`		`-/* toggle favorite locally */`
	`67`	`+toggleFavorite({`
	`68`	`+count:favorite.count+(favorite.toggled ?-1 :1),`
	`69`	`+toggled:!favorite.toggled`
	`70`	`+});`
`57`	`71`	`}}`
`58`	`72`	`>`
`59`	`73`	`<Icon`
`60`	`74`	`icon="favorite"`
`61`		`-active={false}`
	`75`	`+active={favorite.toggled}`
`62`	`76`	`highlight="rgb(224, 36, 94)"`
`63`	`77`	`/>`
`64`	`78`	`</IconButton>`

0 commit comments

Comments

(0)

Movatterモバイル変換

Navigation Menu

Search code, repositories, users, issues, pull requests...

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Commit7a9ecd0

File tree

1 file changed

1 file changed

`‎src/components/Message/useState.js`

0 commit comments