aboutsummaryrefslogtreecommitdiff
path: root/maps-frontend/src/components/Hub.js
diff options
context:
space:
mode:
Diffstat (limited to 'maps-frontend/src/components/Hub.js')
-rw-r--r--maps-frontend/src/components/Hub.js9
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>);
}