Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Convert RecurringSchedulePicker.jsx -> RecurringSchedulePicker.tsx #3396

Merged

Conversation

jfdoming
Copy link
Contributor

@jfdoming jfdoming commented Sep 8, 2024

Relates to #1483

@actual-github-bot actual-github-bot bot changed the title Convert RecurringSchedulePicker.jsx -> RecurringSchedulePicker.tsx [WIP] Convert RecurringSchedulePicker.jsx -> RecurringSchedulePicker.tsx Sep 8, 2024
Copy link

netlify bot commented Sep 8, 2024

Deploy Preview for actualbudget ready!

Name Link
🔨 Latest commit 2b09c53
🔍 Latest deploy log https://app.netlify.com/sites/actualbudget/deploys/66dddc2a8312ff00082bd264
😎 Deploy Preview https://deploy-preview-3396.demo.actualbudget.org
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

Copy link
Contributor

github-actions bot commented Sep 8, 2024

Bundle Stats — desktop-client

Hey there, this message comes from a GitHub action that helps you and reviewers to understand how these changes affect the size of this project's bundle.

As this PR is updated, I'll keep you updated on how the bundle size is impacted.

Total

Files count Total bundle size % Changed
9 5.22 MB → 5.22 MB (-94 B) -0.00%
Changeset
File Δ Size
src/components/select/RecurringSchedulePicker.tsx 🆕 +16.24 kB 0 B → 16.24 kB
src/components/common/Select.tsx 📈 +16 B (+0.63%) 2.48 kB → 2.49 kB
src/components/select/DateSelect.tsx 📈 +16 B (+0.18%) 8.53 kB → 8.54 kB
src/components/select/RecurringSchedulePicker.jsx 🔥 -16.37 kB (-100%) 16.37 kB → 0 B
View detailed bundle breakdown

Added

No assets were added

Removed

No assets were removed

Bigger

No assets were bigger

Smaller

Asset File Size % Changed
static/js/index.js 3.26 MB → 3.26 MB (-94 B) -0.00%

Unchanged

Asset File Size % Changed
static/js/resize-observer.js 18.37 kB 0%
static/js/indexeddb-main-thread-worker-e59fee74.js 13.5 kB 0%
static/js/BackgroundImage.js 122.29 kB 0%
static/js/usePreviewTransactions.js 1.59 kB 0%
static/js/AppliedFilters.js 21.01 kB 0%
static/js/narrow.js 78.61 kB 0%
static/js/wide.js 224.31 kB 0%
static/js/ReportRouter.js 1.49 MB 0%

Copy link
Contributor

github-actions bot commented Sep 8, 2024

Bundle Stats — loot-core

Hey there, this message comes from a GitHub action that helps you and reviewers to understand how these changes affect the size of this project's bundle.

As this PR is updated, I'll keep you updated on how the bundle size is impacted.

Total

Files count Total bundle size % Changed
1 1.19 MB 0%

Changeset

No files were changed

View detailed bundle breakdown

Added

No assets were added

Removed

No assets were removed

Bigger

No assets were bigger

Smaller

No assets were smaller

Unchanged

Asset File Size % Changed
kcab.worker.js 1.19 MB 0%

@jfdoming jfdoming force-pushed the jfdoming/schedule-picker-types branch from 35b459d to 6292e68 Compare September 8, 2024 16:48
@jfdoming jfdoming force-pushed the jfdoming/schedule-picker-types branch from 6292e68 to 2b09c53 Compare September 8, 2024 17:17
@jfdoming jfdoming changed the title [WIP] Convert RecurringSchedulePicker.jsx -> RecurringSchedulePicker.tsx Convert RecurringSchedulePicker.jsx -> RecurringSchedulePicker.tsx Sep 8, 2024
@@ -61,6 +63,7 @@ export function Select<const Value = string>({
<>
<Button
ref={triggerRef}
id={id}
Copy link
Member

Choose a reason for hiding this comment

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

❓ question: ‏why do we need an id on the buttons? And what does it do?

Copy link
Contributor Author

@jfdoming jfdoming Sep 8, 2024

Choose a reason for hiding this comment

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

It's used for the htmlFor attributes that were pre-existing in RecurringSchedulePicker. The id attribute was actually being passed as a prop but the labels weren't being correctly associated with the fields since Select didn't actually accept that prop. I suppose you can consider this an additional bugfix caught by static typing since they were supposed to be associated?

Copy link
Member

Choose a reason for hiding this comment

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

Ah.. ok, that makes sense for input fields. But not so much for buttons I think.

Copy link
Contributor Author

@jfdoming jfdoming Sep 8, 2024

Choose a reason for hiding this comment

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

Which element should we put it on here? The htmlFor is supposed to be for an input element, but the "input" in this case is the Select.

Copy link
Member

Choose a reason for hiding this comment

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

🤦 ignore my previous comment. I'm reviewing too many things in parallel.

--

It makes sense to put it on the Button here since the general element is Select and the button is used for opening the select popover.

Copy link
Contributor Author

Choose a reason for hiding this comment

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

no worries!

@@ -344,6 +346,7 @@ export function DateSelect({
return (
<View {...containerProps}>
<Input
id={id}
Copy link
Member

Choose a reason for hiding this comment

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

Same Q here

@jfdoming jfdoming merged commit cb0411b into actualbudget:master Sep 8, 2024
19 checks passed
@jfdoming jfdoming deleted the jfdoming/schedule-picker-types branch September 8, 2024 19:20
a-gradina pushed a commit to a-gradina/actual that referenced this pull request Sep 15, 2024
actualbudget#3396)

* Supporting types

* Move `RecurringSchedulePicker.jsx` -> `RecurringSchedulePicker.tsx`

* Add release notes
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants