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

Refactor budget/MobileTable to tsx #1602

Merged
merged 3 commits into from
Aug 29, 2023

Conversation

Jod929
Copy link
Contributor

@Jod929 Jod929 commented Aug 28, 2023

Refactor MobileTable to tsx related to issue #1483

@netlify
Copy link

netlify bot commented Aug 28, 2023

Deploy Preview for actualbudget ready!

Name Link
🔨 Latest commit 4a1dd67
🔍 Latest deploy log https://app.netlify.com/sites/actualbudget/deploys/64ed42908e329d00080da25b
😎 Deploy Preview https://deploy-preview-1602.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.

@github-actions
Copy link
Contributor

github-actions bot commented Aug 28, 2023

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
15 → 14 2.27 MB → 2.13 MB (-146.75 kB) -6.32%
Changeset (largest 100 files by percent change)
File Δ Size
src/components/budget/MobileTable.tsx 🆕 +444 B 0 B → 444 B
webpack/runtime/get javascript chunk filename 📉 -17 B (-3.71%) 458 B → 441 B
package.json 📉 -87 B (-4.11%) 2.07 kB → 1.98 kB
src/components/NotesButton.tsx 📉 -1.13 kB (-31.48%) 3.59 kB → 2.46 kB
../../node_modules/mdast-util-from-markdown/lib/index.js 🔥 -33.44 kB (-100%) 33.44 kB → 0 B
../../node_modules/micromark-extension-gfm-table/lib/syntax.js 🔥 -20.51 kB (-100%) 20.51 kB → 0 B
../../node_modules/micromark-extension-gfm-autolink-literal/lib/syntax.js 🔥 -20.01 kB (-100%) 20.01 kB → 0 B
../../node_modules/micromark-core-commonmark/lib/html-flow.js 🔥 -18.42 kB (-100%) 18.42 kB → 0 B
../../node_modules/mdast-util-to-hast/lib/state.js 🔥 -18.13 kB (-100%) 18.13 kB → 0 B
../../node_modules/micromark/lib/create-tokenizer.js 🔥 -14.55 kB (-100%) 14.55 kB → 0 B
../../node_modules/property-information/lib/svg.js 🔥 -13.96 kB (-100%) 13.96 kB → 0 B
../../node_modules/unified/lib/index.js 🔥 -13.92 kB (-100%) 13.92 kB → 0 B
../../node_modules/vfile/lib/index.js 🔥 -13.82 kB (-100%) 13.82 kB → 0 B
../../node_modules/micromark-core-commonmark/lib/html-text.js 🔥 -13.23 kB (-100%) 13.23 kB → 0 B
../../node_modules/react-markdown/lib/ast-to-react.js 🔥 -12.82 kB (-100%) 12.82 kB → 0 B
../../node_modules/micromark-extension-gfm-footnote/lib/syntax.js 🔥 -12.64 kB (-100%) 12.64 kB → 0 B
../../node_modules/micromark-core-commonmark/lib/label-end.js 🔥 -12.35 kB (-100%) 12.35 kB → 0 B
../../node_modules/mdast-util-find-and-replace/node_modules/unist-util-visit-parents/lib/index.js 🔥 -11.38 kB (-100%) 11.38 kB → 0 B
../../node_modules/vfile/lib/minpath.browser.js 🔥 -11.13 kB (-100%) 11.13 kB → 0 B
../../node_modules/micromark/lib/initialize/document.js 🔥 -10.75 kB (-100%) 10.75 kB → 0 B
../../node_modules/markdown-table/index.js 🔥 -9.45 kB (-100%) 9.45 kB → 0 B
../../node_modules/micromark-core-commonmark/lib/code-fenced.js 🔥 -9.21 kB (-100%) 9.21 kB → 0 B
../../node_modules/mdast-util-gfm-table/lib/index.js 🔥 -8.38 kB (-100%) 8.38 kB → 0 B
../../node_modules/property-information/lib/html.js 🔥 -8.34 kB (-100%) 8.34 kB → 0 B
../../node_modules/mdast-util-gfm-autolink-literal/node_modules/mdast-util-find-and-replace/lib/index.js 🔥 -7.95 kB (-100%) 7.95 kB → 0 B
../../node_modules/mdast-util-find-and-replace/node_modules/unist-util-is/lib/index.js 🔥 -7.92 kB (-100%) 7.92 kB → 0 B
../../node_modules/unist-util-is/lib/index.js 🔥 -7.7 kB (-100%) 7.7 kB → 0 B
../../node_modules/micromark-core-commonmark/lib/attention.js 🔥 -7.15 kB (-100%) 7.15 kB → 0 B
../../node_modules/micromark-util-character/index.js 🔥 -6.9 kB (-100%) 6.9 kB → 0 B
../../node_modules/unist-util-visit-parents/lib/index.js 🔥 -6.87 kB (-100%) 6.87 kB → 0 B
../../node_modules/mdast-util-find-and-replace/lib/index.js 🔥 -6.56 kB (-100%) 6.56 kB → 0 B
../../node_modules/mdast-util-gfm-autolink-literal/lib/index.js 🔥 -6.47 kB (-100%) 6.47 kB → 0 B
../../node_modules/micromark-core-commonmark/lib/list.js 🔥 -6.35 kB (-100%) 6.35 kB → 0 B
../../node_modules/micromark-util-subtokenize/index.js 🔥 -6.07 kB (-100%) 6.07 kB → 0 B
../../node_modules/vfile-message/lib/index.js 🔥 -5.66 kB (-100%) 5.66 kB → 0 B
../../node_modules/micromark-core-commonmark/lib/definition.js 🔥 -5.64 kB (-100%) 5.64 kB → 0 B
../../node_modules/micromark/lib/initialize/text.js 🔥 -5.4 kB (-100%) 5.4 kB → 0 B
../../node_modules/mdast-util-gfm-footnote/lib/index.js 🔥 -5.22 kB (-100%) 5.22 kB → 0 B
../../node_modules/unist-util-visit/lib/index.js 🔥 -5.2 kB (-100%) 5.2 kB → 0 B
../../node_modules/micromark-extension-gfm-strikethrough/lib/syntax.js 🔥 -5.13 kB (-100%) 5.13 kB → 0 B
../../node_modules/micromark-extension-gfm-table/lib/edit-map.js 🔥 -5.11 kB (-100%) 5.11 kB → 0 B
../../node_modules/react-markdown/lib/react-markdown.js 🔥 -5.05 kB (-100%) 5.05 kB → 0 B
../../node_modules/micromark-core-commonmark/lib/code-text.js 🔥 -4.99 kB (-100%) 4.99 kB → 0 B
../../node_modules/inline-style-parser/index.js 🔥 -4.94 kB (-100%) 4.94 kB → 0 B
../../node_modules/micromark-core-commonmark/lib/autolink.js 🔥 -4.79 kB (-100%) 4.79 kB → 0 B
../../node_modules/mdast-util-to-markdown/lib/util/safe.js 🔥 -4.54 kB (-100%) 4.54 kB → 0 B
../../node_modules/micromark-core-commonmark/lib/heading-atx.js 🔥 -4.51 kB (-100%) 4.51 kB → 0 B
../../node_modules/micromark-factory-destination/index.js 🔥 -4.45 kB (-100%) 4.45 kB → 0 B
../../node_modules/micromark-core-commonmark/lib/setext-underline.js 🔥 -4.41 kB (-100%) 4.41 kB → 0 B
../../node_modules/micromark-core-commonmark/lib/code-indented.js 🔥 -4.07 kB (-100%) 4.07 kB → 0 B
../../node_modules/trough/index.js 🔥 -4.03 kB (-100%) 4.03 kB → 0 B
../../node_modules/mdast-util-gfm-task-list-item/lib/index.js 🔥 -3.82 kB (-100%) 3.82 kB → 0 B
../../node_modules/mdast-util-to-hast/lib/index.js 🔥 -3.75 kB (-100%) 3.75 kB → 0 B
../../node_modules/micromark-extension-gfm-task-list-item/lib/syntax.js 🔥 -3.55 kB (-100%) 3.55 kB → 0 B
../../node_modules/extend/index.js 🔥 -3.51 kB (-100%) 3.51 kB → 0 B
../../node_modules/micromark-core-commonmark/lib/content.js 🔥 -3.43 kB (-100%) 3.43 kB → 0 B
../../node_modules/micromark-core-commonmark/lib/character-reference.js 🔥 -3.4 kB (-100%) 3.4 kB → 0 B
../../node_modules/micromark-factory-label/index.js 🔥 -3.32 kB (-100%) 3.32 kB → 0 B
../../node_modules/mdast-util-to-hast/lib/footer.js 🔥 -3.31 kB (-100%) 3.31 kB → 0 B
../../node_modules/mdast-util-to-hast/lib/handlers/list-item.js 🔥 -3.28 kB (-100%) 3.28 kB → 0 B
../../node_modules/micromark-util-combine-extensions/index.js 🔥 -3.26 kB (-100%) 3.26 kB → 0 B
../../node_modules/micromark-factory-title/index.js 🔥 -3.17 kB (-100%) 3.17 kB → 0 B
../../node_modules/micromark-util-sanitize-uri/index.js 🔥 -3.07 kB (-100%) 3.07 kB → 0 B
../../node_modules/micromark/lib/preprocess.js 🔥 -2.91 kB (-100%) 2.91 kB → 0 B
../../node_modules/react-markdown/node_modules/react-is/cjs/react-is.production.min.js 🔥 -2.9 kB (-100%) 2.9 kB → 0 B
../../node_modules/micromark-core-commonmark/lib/block-quote.js 🔥 -2.83 kB (-100%) 2.83 kB → 0 B
../../node_modules/mdast-util-to-markdown/lib/util/container-phrasing.js 🔥 -2.63 kB (-100%) 2.63 kB → 0 B
../../node_modules/mdast-util-gfm-strikethrough/lib/index.js 🔥 -2.61 kB (-100%) 2.61 kB → 0 B
../../node_modules/mdast-util-to-string/lib/index.js 🔥 -2.54 kB (-100%) 2.54 kB → 0 B
../../node_modules/micromark-util-chunked/index.js 🔥 -2.27 kB (-100%) 2.27 kB → 0 B
../../node_modules/remark-rehype/lib/index.js 🔥 -2.26 kB (-100%) 2.26 kB → 0 B
../../node_modules/mdast-util-to-markdown/lib/handle/inline-code.js 🔥 -2.17 kB (-100%) 2.17 kB → 0 B
../../node_modules/unist-util-stringify-position/lib/index.js 🔥 -2.08 kB (-100%) 2.08 kB → 0 B
../../node_modules/micromark-core-commonmark/lib/label-start-image.js 🔥 -2.04 kB (-100%) 2.04 kB → 0 B
../../node_modules/micromark-core-commonmark/lib/thematic-break.js 🔥 -2.01 kB (-100%) 2.01 kB → 0 B
../../node_modules/mdast-util-to-hast/lib/handlers/table-row.js 🔥 -1.98 kB (-100%) 1.98 kB → 0 B
../../node_modules/micromark/lib/constructs.js 🔥 -1.93 kB (-100%) 1.93 kB → 0 B
../../node_modules/micromark-extension-gfm/index.js 🔥 -1.9 kB (-100%) 1.9 kB → 0 B
../../node_modules/mdast-util-to-markdown/lib/util/container-flow.js 🔥 -1.88 kB (-100%) 1.88 kB → 0 B
../../node_modules/micromark/lib/initialize/content.js 🔥 -1.86 kB (-100%) 1.86 kB → 0 B
../../node_modules/unist-util-position/lib/index.js 🔥 -1.83 kB (-100%) 1.83 kB → 0 B
../../node_modules/mdast-util-gfm/lib/index.js 🔥 -1.81 kB (-100%) 1.81 kB → 0 B
../../node_modules/vfile/lib/minurl.browser.js 🔥 -1.79 kB (-100%) 1.79 kB → 0 B
../../node_modules/react-markdown/lib/rehype-filter.js 🔥 -1.77 kB (-100%) 1.77 kB → 0 B
../../node_modules/mdast-util-to-markdown/lib/handle/list-item.js 🔥 -1.64 kB (-100%) 1.64 kB → 0 B
../../node_modules/micromark-util-character/lib/unicode-punctuation-regex.js 🔥 -1.63 kB (-100%) 1.63 kB → 0 B
../../node_modules/micromark/lib/initialize/flow.js 🔥 -1.6 kB (-100%) 1.6 kB → 0 B
../../node_modules/micromark-factory-space/index.js 🔥 -1.58 kB (-100%) 1.58 kB → 0 B
../../node_modules/property-information/lib/aria.js 🔥 -1.58 kB (-100%) 1.58 kB → 0 B
../../node_modules/mdast-util-to-hast/lib/handlers/index.js 🔥 -1.56 kB (-100%) 1.56 kB → 0 B
../../node_modules/comma-separated-tokens/index.js 🔥 -1.53 kB (-100%) 1.53 kB → 0 B
../../node_modules/micromark-util-html-tag-name/index.js 🔥 -1.52 kB (-100%) 1.52 kB → 0 B
../../node_modules/mdast-util-to-hast/lib/handlers/footnote-reference.js 🔥 -1.52 kB (-100%) 1.52 kB → 0 B
../../node_modules/micromark/lib/parse.js 🔥 -1.5 kB (-100%) 1.5 kB → 0 B
../../node_modules/trim-lines/index.js 🔥 -1.49 kB (-100%) 1.49 kB → 0 B
../../node_modules/mdast-util-definitions/lib/index.js 🔥 -1.49 kB (-100%) 1.49 kB → 0 B
../../node_modules/mdast-util-to-markdown/lib/util/track.js 🔥 -1.45 kB (-100%) 1.45 kB → 0 B
../../node_modules/mdast-util-to-hast/lib/revert.js 🔥 -1.43 kB (-100%) 1.43 kB → 0 B
../../node_modules/mdast-util-to-hast/lib/handlers/table.js 🔥 -1.41 kB (-100%) 1.41 kB → 0 B
../../node_modules/micromark-extension-gfm-table/lib/infer.js 🔥 -1.41 kB (-100%) 1.41 kB → 0 B
View detailed bundle breakdown

Added

No assets were added

Removed

Asset File Size % Changed
static/js/894.chunk.js 145.89 kB → 0 B (-145.89 kB) -100%

Bigger

No assets were bigger

Smaller

Asset File Size % Changed
static/js/wide-components.chunk.js 137.99 kB → 137.31 kB (-701 B) -0.50%
asset-manifest.json 1.92 kB → 1.78 kB (-148 B) -7.51%
static/js/main.js 968 kB → 967.96 kB (-39 B) -0.00%

Unchanged

Asset File Size % Changed
static/js/171.chunk.js 396.24 kB 0%
static/media/Inter-italic.var.woff2 239.29 kB 0%
static/media/Inter-roman.var.woff2 221.86 kB 0%
static/js/383.chunk.js 117.35 kB 0%
static/js/reports.chunk.js 40.61 kB 0%
static/js/narrow-components.chunk.js 25.25 kB 0%
static/js/969.chunk.js 12.94 kB 0%
static/js/resize-observer-polyfill.chunk.js 8.12 kB 0%
static/css/main.css 5.82 kB 0%
index.html 1.66 kB 0%
static/media/browser-server.js 963 B 0%

@github-actions
Copy link
Contributor

github-actions bot commented Aug 28, 2023

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
2 1.97 MB → 1.97 MB (+2 B) +0.00%
Changeset
File Δ Size
node_modules/is-buffer/index.js 🆕 +698 B 0 B → 698 B
node_modules/md5/node_modules/is-buffer/index.js 🔥 -698 B (-100%) 698 B → 0 B
View detailed bundle breakdown

Added

No assets were added

Removed

No assets were removed

Bigger

Asset File Size % Changed
kcab.worker.js 1017.9 kB → 1017.9 kB (+2 B) +0.00%

Smaller

No assets were smaller

Unchanged

Asset File Size % Changed
xfo.xfo.kcab.worker.js 1004.04 kB 0%

type ListItemProps = {
children?: ReactNode;
style: CSSProperties;
};
Copy link
Member

Choose a reason for hiding this comment

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

💬 suggestion: ‏should also add ViewProps for the props that got spread and passed to View component.

Suggested change
};
} & ViewProps;

Copy link
Member

@MatissJanis MatissJanis left a comment

Choose a reason for hiding this comment

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

Thanks!

@MatissJanis MatissJanis merged commit c19717e into actualbudget:master Aug 29, 2023
16 checks passed
@trafico-bot trafico-bot bot added ✨ Merged Pull Request has been merged successfully and removed ✅ Approved labels Aug 29, 2023
FlorianLang06 pushed a commit to FlorianLang06/actual that referenced this pull request Mar 7, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
✨ Merged Pull Request has been merged successfully
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants