diff options
author | Michael Foiani <sotech117@michaels-mbp-3.lan> | 2021-04-16 19:18:00 -0400 |
---|---|---|
committer | Michael Foiani <sotech117@michaels-mbp-3.lan> | 2021-04-16 19:18:00 -0400 |
commit | a7f1433da5ddf11845251a062da96bc42c631f50 (patch) | |
tree | ad1ed8eb27abbd63ca31f7229ffdfa0a379fd394 /frontend/src/components/Hub.js | |
parent | d339801aba3fcedc0b3027f73dac91deaae14acc (diff) |
Deleted template for frontend.
Diffstat (limited to 'frontend/src/components/Hub.js')
-rw-r--r-- | frontend/src/components/Hub.js | 26 |
1 files changed, 0 insertions, 26 deletions
diff --git a/frontend/src/components/Hub.js b/frontend/src/components/Hub.js deleted file mode 100644 index 6dbcc57..0000000 --- a/frontend/src/components/Hub.js +++ /dev/null @@ -1,26 +0,0 @@ -// React import -import { useState } from "react"; - -/** - * Componenet for checkins. Has a toggle to show more info. - * @param {Object} props The props of the component. - * @returns {import('react').HtmlHTMLAttributes} A list element holding a checkin's info. - */ -function Hub(props) { - // State - toggled - const [isToggled, setIsToggled] = useState(false); - - return ( - <li className='Checkin' key={props.name}> - <div className="Img-flex"> - <span><span className="Clickable-name" onClick= {(e) => console.log(props.name)}>{props.name}</span> has {props.value}</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}> - Testing field... - </div> - </li>); -} - -export default Hub;
\ No newline at end of file |