+
+
+
+
+ {durations[durationIdx].label}
+
+
+
+
+
+ );
+}
diff --git a/src/screens/Schedule.js b/src/screens/Schedule.js
index eeb88e9..35a6cc3 100644
--- a/src/screens/Schedule.js
+++ b/src/screens/Schedule.js
@@ -4,29 +4,17 @@ import {
Form,
FormControl,
FormGroup,
- InputGroup,
Input,
+ Divider,
Icon,
} from 'rsuite';
+import { DateTime } from 'luxon';
import TimezonePicker from '../components/General/TimezonePicker';
import DaySelector from '../components/Schedule/DaySelector';
-import { durations } from '../assets/data/durations';
+import DurationSelector from '../components/Schedule/DurationSelector';
export default function Schedule() {
- const [durationIdx, setDurationIdx] = useState(0);
-
- const handleIncrement = () => {
- if (durationIdx <= durations.length - 2) {
- setDurationIdx(durationIdx + 1);
- }
- };
- const handleDecrement = () => {
- if (durationIdx > 0) {
- setDurationIdx(durationIdx - 1);
- }
- };
-
return (