Update for timeslot handling + api changes #121

mirmirmirr · 2026-01-08T22:15:02Z

The main goal of this pull request was to refactor the frontend EventInformation logic to conform with the refactored backend API. The largest changes include adding timeslots data to EventInformation, changing startTime and endTime to work as strings, and making sure all timeslots are in UTC.

Event Timeslots and Data Handling

Simplified expandEventRange logic. It now generates timeslots by the local day and then converts to UTC slot lists. This is similar to the previous logic, just more efficient. There were also bugs in the old version. This one fixes them.
Integrated timeslots into EventInformation as a persistent state for the reducer to keep track of. This way timeslots are only generated during event editing and passed around. Grid objects now read from the EventInformation timelots to generate.
- timeslots are stored in UTC and translated whenever they are needed. EventRange data is still referenced in localtime (start date, end date, start time, end time)
Updated @/lib/utils/api functions to fit the new API format (with timeslots + the moved is_creator tag)

15 minute intervals and iOS TimePicker

Start and end times in EventRange are stored as 24-hour format strings instead of numbers. This is to allow the flexibility for users to choose times in 15 minutes intervals between the hour. Everything other component that edits the start and end times have been updated accordingly to accommodate.
Implemented and iOS-like timepicker in editor for time choosing purposes.

Misc Edits

Created constants DEFAULT_RANGE_SPECIFIC and DEFAULT_RANGE_WEEKDAY to be used throughout the codebase. There were a couple areas where default ranges were needed, so they're just consolidated here.
Created @/lib/utils/date-time-format as a central place for formatting anything related to time, dates, and timezones. These functions are used when converted times from the api, on the dashboard page, and others.
When adding availability, the buttons still displayed Update Availability and Cancel Edits even though the user was new. This has been fixed by checking initialData.display_name instead of just initialData.

This reverts commit 984c6f6.

Copilot

Pull request overview

This pull request refactors the event timeslot handling system to align with backend API changes. The main changes include moving timeslot generation to the frontend state, converting time ranges from numeric hours to string-based HH:mm format to support 15-minute intervals, and implementing consistent UTC handling for timeslots.

Key changes:

Added timeslots as persistent state in EventInformation, generated during event editing and passed through components
Changed time range format from number (hours) to string (HH:mm) to support 15-minute intervals
Centralized date/time formatting utilities and default range constants

Reviewed changes

Copilot reviewed 39 out of 40 changed files in this pull request and generated 10 comments.

Show a summary per file

File	Description
`src/lib/utils/date-time-format.ts`	New utility for timezone labels, date/time formatting, and 12/24-hour conversions
`src/core/event/lib/default-range.ts`	Centralized default event range constants
`src/core/event/lib/expand-event-range.ts`	New timeslot generation logic that creates UTC slots from event ranges
`src/features/event/grid/lib/timeslot-utils.ts`	Extracted grid coordinate and cell styling utilities
`src/lib/utils/api/submit-event.ts`	Simplified event submission to send timeslots array instead of individual date/time fields
`src/lib/utils/api/process-event-data.ts`	Processes API responses to extract timeslots and convert time strings
`src/lib/utils/api/process-dashboard-data.ts`	Updates dashboard data processing to use string-based times
`src/core/event/types.ts`	Changed timeRange.from/to from number to string type
`src/core/event/use-event-info.ts`	Updated time validation to work with string-based times
`src/core/event/reducers/info-reducer.ts`	Auto-generates timeslots when eventRange changes
`src/core/event/reducers/range-reducer.ts`	Uses default range constants
`src/features/event/editor/time-range/time-picker.tsx`	New iOS-style time picker component
`src/features/event/editor/time-range/selector.tsx`	Refactored time range selection UI with collapsible picker
`src/features/event/grid/timeblocks/*.tsx`	Updated all grid timeblocks to use timeslots from props and utility functions
`src/features/event/grid/grid.tsx`	Accepts timeslots as prop instead of generating internally
`src/features/dashboard/components/event.tsx`	Uses centralized time formatting
`src/app/(event)/[event-code]/*.tsx`	Passes timeslots through to grid components

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

src/lib/utils/date-time-format.ts

src/core/event/lib/expand-event-range.ts

src/core/event/use-event-info.ts

src/features/event/grid/timeblocks/interactive.tsx

src/core/availability/use-availability.ts

src/features/event/editor/date-range/specific-date-display.tsx

src/features/event/grid/timeblocks/results.tsx

src/features/event/grid/timeblocks/preview.tsx

src/lib/utils/date-time-format.ts

src/lib/utils/api/process-event-data.ts

Co-authored-by: Copilot <[email protected]>

src/features/event/editor/date-range/specific-date-display.tsx

…nto api-updates

Copilot

Pull request overview

Copilot reviewed 43 out of 44 changed files in this pull request and generated 7 comments.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

src/lib/utils/date-time-format.ts

src/features/event/editor/validate-data.ts

src/lib/utils/date-time-format.ts

src/lib/utils/api/process-dashboard-data.ts

src/lib/utils/api/process-event-data.ts

src/core/event/lib/default-range.ts

src/features/event/editor/time-range/selector.tsx

src/lib/utils/api/process-dashboard-data.ts

src/lib/utils/date-time-format.ts

Co-authored-by: Jack Zgombic <[email protected]>

src/features/event/info-drawer.tsx

mirmirmirr added 18 commits January 7, 2026 19:41

simplify expand event range logic

d90e49e

return day slots at once

984c6f6

Revert "return day slots at once"

04bbfe6

This reverts commit 984c6f6.

add timeslots to reducer state

dc4cadf

upaate get event

e9565ce

update dashboard handling

529e006

update timezone handling

fd2c8bd

create timeslot utils

0855a9e

change time from int to string

d978c5e

formatApiTime

8fe32e7

add the creator

f17f5b1

implement ios picker

fb8cdf1

add disabled state for dropdown

1de4a89

Update page-client.tsx

62f3c5e

Merge branch 'editor-refactor' into api-updates

fa6a5f7

Merge branch 'v0.1.3' into api-updates

0abb433

three day range

0c3f964

add ring to selectors

62d8618

This was linked to issues Jan 8, 2026

Create centralized "format date/time range" function #102

Closed

Change availability API format to list of timeslots #88

Closed

Merge branch 'v0.1.3' into api-updates

6a30543

mirmirmirr marked this pull request as ready for review January 9, 2026 19:59

Copilot AI review requested due to automatic review settings January 9, 2026 19:59

Copilot started reviewing on behalf of mirmirmirr January 9, 2026 19:59 View session

Copilot AI reviewed Jan 9, 2026

View reviewed changes

mirmirmirr and others added 2 commits January 9, 2026 16:12

Update src/core/event/lib/expand-event-range.ts

86e5dd4

Co-authored-by: Copilot <[email protected]>

Update src/features/event/editor/date-range/specific-date-display.tsx

c704935

Co-authored-by: Copilot <[email protected]>

github-advanced-security bot found potential problems Jan 9, 2026

View reviewed changes

src/features/event/editor/date-range/specific-date-display.tsx Fixed Show fixed Hide fixed

mirmirmirr added 2 commits January 9, 2026 18:55

centralize time and date range validation

16f0db0

Merge branch 'api-updates' of https://github.com/plan-cake/frontend i…

0d32505

…nto api-updates

universal datetime handling

3d67479

mirmirmirr requested a review from Copilot January 10, 2026 01:02

Copilot started reviewing on behalf of mirmirmirr January 10, 2026 01:03 View session

Copilot AI reviewed Jan 10, 2026

View reviewed changes

add comments to date-time-format.ts

4741e58

mirmirmirr requested a review from jzgom067 January 10, 2026 01:18

jzgom067 requested changes Jan 10, 2026

View reviewed changes

mirmirmirr and others added 7 commits January 10, 2026 19:05

Update src/lib/utils/date-time-format.ts

ed45c95

Co-authored-by: Jack Zgombic <[email protected]>

display local details for dashboard information

23b77e5

create universal timezone translation

c8e1a3d

all eventRange dates in event time

87b8ad9

reset default duration to 0

447351d

re-instate time dropdown

61ededc

fix aria and alignment errors

58effb1

mirmirmirr requested a review from jzgom067 January 15, 2026 23:11

mirmirmirr added 2 commits January 15, 2026 18:14

disable type selection

ca8b513

remove ability to select event type

2ff7458

jzgom067 requested changes Jan 16, 2026

View reviewed changes

src/features/event/info-drawer.tsx Show resolved Hide resolved

mirmirmirr added 2 commits January 16, 2026 09:30

increase spacing between info elements

3c25b24

update info drawer

75be478

mirmirmirr requested a review from jzgom067 January 16, 2026 14:37

mirmirmirr linked an issue Jan 16, 2026 that may be closed by this pull request

Update timezone description on results page #100

Closed

jzgom067 approved these changes Jan 16, 2026

View reviewed changes

jzgom067 merged commit e27002f into v0.1.3 Jan 16, 2026
2 checks passed

jzgom067 deleted the api-updates branch January 16, 2026 18:24

Update for timeslot handling + api changes #121

Update for timeslot handling + api changes #121

Uh oh!

Conversation

mirmirmirr commented Jan 8, 2026

Event Timeslots and Data Handling

15 minute intervals and iOS TimePicker

Misc Edits

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Reviewed changes

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants