diff options
Diffstat (limited to 'maps-frontend/src/components/Hub.js')
-rw-r--r-- | maps-frontend/src/components/Hub.js | 9 |
1 files changed, 2 insertions, 7 deletions
diff --git a/maps-frontend/src/components/Hub.js b/maps-frontend/src/components/Hub.js index 0504e3b..b5b3f28 100644 --- a/maps-frontend/src/components/Hub.js +++ b/maps-frontend/src/components/Hub.js @@ -11,17 +11,12 @@ import '../css/UserCheckin.css'; */ function Hub(props) { // State - toggled - const [isToggled, setIsToggled] = useState(false); return ( <li className='Checkin'> <div className="Img-flex"> - <span><span className="Clickable-name" onClick= {(e) => console.log(props.name)}>{props.name}</span> just checked in!</span> - <img className="Img-btn" hidden={isToggled} onClick={() => setIsToggled((toggle) => !toggle)} src="/round_expand_more_white_18dp.png" alt="image"/> - <img className="Img-btn" hidden={!isToggled} onClick={() => setIsToggled((toggle) => !toggle)} src="/round_expand_less_white_18dp.png" alt="image"/> - </div> - <div hidden={!isToggled}> - Nothin.... + <span className="Clickable-name" onClick= {() => props.setSelected(props.id)}>{props.name}</span> + <span>{props.value.toFixed(3)}</span> </div> </li>); } |