diff options
| author | clarkohw <66530369+clarkohw@users.noreply.github.com> | 2021-04-19 16:17:31 -0400 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2021-04-19 16:17:31 -0400 |
| commit | 3780077f257b973426577d6168936a3ce0a904e3 (patch) | |
| tree | e91feb27c711f65814753b0a41ad49da76cf62ea /maps-frontend/src/components/TimeSelector.js | |
| parent | f00c1c6e89db16b19267202c6982b980e736d5a0 (diff) | |
| parent | 534d0cc5070287b221fa77f5dd564dd4544b5780 (diff) | |
Merge branch 'master' into profit-tests
Diffstat (limited to 'maps-frontend/src/components/TimeSelector.js')
| -rw-r--r-- | maps-frontend/src/components/TimeSelector.js | 48 |
1 files changed, 0 insertions, 48 deletions
diff --git a/maps-frontend/src/components/TimeSelector.js b/maps-frontend/src/components/TimeSelector.js deleted file mode 100644 index 6960807..0000000 --- a/maps-frontend/src/components/TimeSelector.js +++ /dev/null @@ -1,48 +0,0 @@ -// React/Component imports -import { useEffect, useState } from "react"; -import DateSelector from './DateSelector.js'; - -// CSS imports -import '../css/Route.css'; - - -/** - * The component that hold the forms for routing. - * @param {Object} props - */ -function TimeSelector(props) { - const [current, setCurrent] = useState(""); - - const toValue = date => new Date(date).toISOString().slice(0, 10); - - const [startDate, setStartDate] = useState(props.dates.start); - const [endDate, setEndDate] = useState(props.dates.end); - - const changeTimeframe = () => { - props.setDates({ - start: startDate, - end: endDate - }); - } - - useEffect(() => setCurrent(""), [startDate, endDate]); - - // The div with the html elements for routing. - return ( - <div className="Route"> - <div className="Coord-selectors-flex"> - <DateSelector side={"left"} name={"Start Date"} className="Coord-select-left" clickedFunc={setCurrent} - changedFunc={setStartDate} disabled={current==='start' || props.isChanging} value={toValue(startDate)}></DateSelector> - <div> - <h2>Adjust Timeframe :)</h2> - <button className="Btn Route-btn" onClick={() => changeTimeframe()} - disabled={current!=="" || props.isChanging}>Change Timeframe</button> - </div> - <DateSelector side={"right"} name={"End Date"} className="Coord-select-right" clickedFunc={setCurrent} - changedFunc={setEndDate} disabled={current==='end' || props.isChanging} value={toValue(endDate)}></DateSelector> - </div> - </div> - ); -} - -export default TimeSelector;
\ No newline at end of file |
