From a7f1433da5ddf11845251a062da96bc42c631f50 Mon Sep 17 00:00:00 2001
From: Michael Foiani <sotech117@michaels-mbp-3.lan>
Date: Fri, 16 Apr 2021 19:18:00 -0400
Subject: Deleted template for frontend.

---
 maps-frontend/src/components/TimeSelector.js | 48 ----------------------------
 1 file changed, 48 deletions(-)
 delete mode 100644 maps-frontend/src/components/TimeSelector.js

(limited to 'maps-frontend/src/components/TimeSelector.js')

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
-- 
cgit v1.2.3-70-g09d2