a_adli/colouring-montreal
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Reformat like data entry

Browse Source
This commit is contained in:
Maciej Ziarkowski 2021-08-12 21:11:00 +01:00
parent 806e1f6e74
commit a0da41fa92
1 changed files with 14 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
app/src/frontend/building/data-components/like-data-entry.tsx
View File

@ -15,18 +15,27 @@ interface LikeDataEntryProps {
const LikeDataEntry: React.FunctionComponent<LikeDataEntryProps> = (props) => { const LikeDataEntry: React.FunctionComponent<LikeDataEntryProps> = (props) => {
const data_string = JSON.stringify({like: true}); const data_string = JSON.stringify({like: true});
return ( return (
<Fragment> <>
<div className="data-title"> <div className="data-title">
<Tooltip text="People who like the building and think it contributes to the city." /> <div className="data-title-actions icon-buttons">
<div className="icon-buttons">
<NavLink <NavLink
to={`/multi-edit/${Category.Community}?data=${data_string}`} to={`/multi-edit/${Category.Community}?data=${data_string}`}
className="icon-button like"> className="icon-button like">
Like more Like more
</NavLink> </NavLink>
<Tooltip text="People who like the building and think it contributes to the city." />
</div> </div>
<label>Number of likes</label> <label>Like</label>
</div> </div>
<label className="form-check-label">
<input className="form-check-input" type="checkbox"
name="like"
checked={!!props.userLike}
disabled={props.mode === 'view'}
onChange={e => props.onLike(e.target.checked)}
/>
I like this building and think it contributes to the city
</label>
<p> <p>
{ {
(props.totalLikes != null)? (props.totalLikes != null)?
@ -36,16 +45,7 @@ const LikeDataEntry: React.FunctionComponent<LikeDataEntryProps> = (props) => {
: "0 people like this building so far - you could be the first!" : "0 people like this building so far - you could be the first!"
} }
</p> </p>
<label className="form-check-label"> </>
<input className="form-check-input" type="checkbox"
name="like"
checked={!!props.userLike}
disabled={props.mode === 'view'}
onChange={e => props.onLike(e.target.checked)}
/>
I like this building and think it contributes to the city!
</label>
</Fragment>
); );
}; };