diff options
author | Michael Foiani <sotech117@michaels-mbp-3.lan> | 2021-04-16 18:58:58 -0400 |
---|---|---|
committer | Michael Foiani <sotech117@michaels-mbp-3.lan> | 2021-04-16 18:58:58 -0400 |
commit | d339801aba3fcedc0b3027f73dac91deaae14acc (patch) | |
tree | 832c5a1d560e79aac2920a29217b76133fd0e078 /react-frontend/src/components/Hub.js | |
parent | ee7dba2f399afa78275755c46b9b9c38906cc2b1 (diff) |
Removed old testing react app for frontend.
Diffstat (limited to 'react-frontend/src/components/Hub.js')
-rw-r--r-- | react-frontend/src/components/Hub.js | 24 |
1 files changed, 24 insertions, 0 deletions
diff --git a/react-frontend/src/components/Hub.js b/react-frontend/src/components/Hub.js new file mode 100644 index 0000000..8a3ac1c --- /dev/null +++ b/react-frontend/src/components/Hub.js @@ -0,0 +1,24 @@ +// React import +import { useState } from "react"; + +// CSS import +import '../css/UserCheckin.css'; + +/** + * 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 + + return ( + <li className='Checkin'> + <div className="Img-flex"> + <span className="Clickable-name" onClick= {() => console.log(props.id)}>{props.name}</span> + <span>{props.value.toFixed(3)}</span> + </div> + </li>); +} + +export default Hub;
\ No newline at end of file |