diff options
author | Julia McCauley <skurvyj@gmail.com> | 2021-04-16 19:46:45 -0400 |
---|---|---|
committer | Julia McCauley <skurvyj@gmail.com> | 2021-04-16 19:46:45 -0400 |
commit | fa4feff17c9e15b86388fd5ee1ac6771ff4d5148 (patch) | |
tree | 72157df02027b860e74097050349d49ebecebc0a /maps-frontend/src/components/TimeSelector.js | |
parent | eab479adc987ab20424a542275a697e0c8dbce61 (diff) | |
parent | a7f1433da5ddf11845251a062da96bc42c631f50 (diff) |
need to pull new frontend Merge branch 'master' of github.com:cs0320-2021/term-project-cohwille-jmccaul3-mfoiani-rhunt2
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 |