diff --git a/components/ui/Schedule/Schedule.tsx b/components/ui/Schedule/Schedule.tsx index 5d2f45b9..20e29eaa 100644 --- a/components/ui/Schedule/Schedule.tsx +++ b/components/ui/Schedule/Schedule.tsx @@ -8,7 +8,6 @@ export const toCalendsoAvailabilityFormat = (schedule: Schedule) => { return schedule; }; -export const AM_PM_TIME_FORMAT = `h:mm:ss a`; export const _24_HOUR_TIME_FORMAT = `HH:mm:ss`; const DEFAULT_START_TIME = "09:00:00"; @@ -30,7 +29,7 @@ const TIMES = (() => { let t: Dayjs = starting_time; while (t.isBefore(ending_time)) { - times.push(t.format(_24_HOUR_TIME_FORMAT)); + times.push(t); t = t.add(increment, "minutes"); } return times; @@ -213,6 +212,14 @@ const SchedulerForm = ({ schedule = DEFAULT_SCHEDULE, onSubmit }: Props) => { }; const TimeRangeField = ({ range, day, index }: { range: TimeRange; day: DayOfWeek; index: number }) => { + const timeOptions = (type: "start" | "end") => + TIMES.map((time) => ( + + )); return (
@@ -222,13 +229,7 @@ const SchedulerForm = ({ schedule = DEFAULT_SCHEDULE, onSubmit }: Props) => { defaultValue={range?.start || DEFAULT_START_TIME} onChange={handleSelectRangeChange} className="block px-4 pr-8 py-2 text-base border-gray-300 focus:outline-none focus:ring-primary-500 focus:border-primary-500 sm:text-sm rounded-sm"> - {TIMES.map((time) => { - return ( - - ); - })} + {timeOptions("start")} -
diff --git a/pages/getting-started.tsx b/pages/getting-started.tsx index e46b07a4..3a08b6d8 100644 --- a/pages/getting-started.tsx +++ b/pages/getting-started.tsx @@ -31,6 +31,7 @@ import { AddCalDavIntegrationRequest } from "../lib/integrations/CalDav/componen import classnames from "classnames"; import { ArrowRightIcon } from "@heroicons/react/outline"; import { getSession } from "@lib/auth"; +import Button from "@components/ui/Button"; const DEFAULT_EVENT_TYPES = [ { @@ -146,11 +147,9 @@ export default function Onboarding(props: OnboardingProps) {
- +
); @@ -447,15 +446,9 @@ export default function Onboarding(props: OnboardingProps) { /> ), @@ -579,26 +572,22 @@ export default function Onboarding(props: OnboardingProps) { {!steps[currentStep].hideConfirm && ( )}
-
- +
+ {currentStep !== 0 && ( + + )}