Skip to content

Pay Periods on Mobile#83

Merged
code-with-jov merged 9 commits intoopsx_pp_13_99from
claude/mobile-pay-period-budgeting-5l2kM
Mar 18, 2026
Merged

Pay Periods on Mobile#83
code-with-jov merged 9 commits intoopsx_pp_13_99from
claude/mobile-pay-period-budgeting-5l2kM

Conversation

@code-with-jov
Copy link
Owner

No description provided.

Proposal, design, and tasks for bringing the mobile budget page
(BudgetPage, CategoryPage, CategoryTransactions) in line with the
desktop pay-period-aware implementation.

https://claude.ai/code/session_01C6Li6m7S81FfFebW26gi35
@code-with-jov code-with-jov changed the base branch from master to claude/apply-pay-period-label-improvements-ZsC5e March 8, 2026 20:57
claude added 2 commits March 9, 2026 02:30
- BudgetPage: read pay period prefs, build PayPeriodConfig, wrap in
  PayPeriodProvider; fix currentMonth, prev/next navigation, today button
  visibility, notes modal label to all pass/use config
- MonthSelector: accept payPeriodConfig prop; use getPayPeriodLabel for
  period display; fix prev/next bounds via period start-date integer
  comparison against calendar bounds
- CategoryPage: build PayPeriodConfig, wrap in PayPeriodProvider, fix
  header label for pay period IDs
- CategoryTransactions: use usePayPeriodConfig() from context; switch
  getCategoryMonthFilter to date-range filter for pay period IDs

https://claude.ai/code/session_01C6Li6m7S81FfFebW26gi35
Comment on lines +1019 to +1043
if (payPeriodConfig?.enabled) {
const prevPeriodId = monthUtils.prevMonth(month, payPeriodConfig);
const prevPeriodStart = monthUtils.bounds(
prevPeriodId,
payPeriodConfig,
).start;
const calendarBoundsStart = monthUtils.bounds(monthBounds.start).start;
prevEnabled = prevPeriodStart >= calendarBoundsStart;

const nextPeriodId = monthUtils.nextMonth(month, payPeriodConfig);
const nextPeriodStart = monthUtils.bounds(
nextPeriodId,
payPeriodConfig,
).start;
const calendarBoundsEnd = monthUtils.bounds(monthBounds.end).end;
nextEnabled = nextPeriodStart <= calendarBoundsEnd;
} else {
prevEnabled = month > monthBounds.start;
nextEnabled = month < monthUtils.subMonths(monthBounds.end, 1);
}

const periodLabel =
isPayPeriod(month) && payPeriodConfig?.enabled
? getPayPeriodLabel(month, payPeriodConfig, 'summary', locale)
: monthUtils.format(month, "MMMM ''yy", locale);
Copy link
Owner Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Should some of this be externalized?

@code-with-jov code-with-jov changed the base branch from claude/apply-pay-period-label-improvements-ZsC5e to opsx_pp_13_99 March 17, 2026 02:22
@code-with-jov code-with-jov changed the title OpenSpec Initialization Pay Periods on Mobile Mar 17, 2026
@code-with-jov code-with-jov merged commit 57c888e into opsx_pp_13_99 Mar 18, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants