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

Add partial data badges #8727

Merged
merged 8 commits into from
May 23, 2024
Merged

Conversation

nfmohit
Copy link
Collaborator

@nfmohit nfmohit commented May 17, 2024

Summary

Addresses issue:

Relevant technical choices

This PR adds the partial data badges in Audience Segmentation widget.

Deviation from IB

  • The tooltips appear when the info icon is hovered, instead of the entire badge.
  • The IB proposed two separate components for desktop and mobile viewports. This PR implements one and changes appearance based on the viewport.

PR Author Checklist

  • My code is tested and passes existing unit tests.
  • My code has an appropriate set of unit tests which all pass.
  • My code is backward-compatible with WordPress 5.2 and PHP 7.4.
  • My code follows the WordPress coding standards.
  • My code has proper inline documentation.
  • I have added a QA Brief on the issue linked above.
  • I have signed the Contributor License Agreement (see https://cla.developers.google.com/).

Do not alter or remove anything below. The following sections will be managed by moderators only.

Code Reviewer Checklist

  • Run the code.
  • Ensure the acceptance criteria are satisfied.
  • Reassess the implementation with the IB.
  • Ensure no unrelated changes are included.
  • Ensure CI checks pass.
  • Check Storybook where applicable.
  • Ensure there is a QA Brief.

Merge Reviewer Checklist

  • Ensure the PR has the correct target branch.
  • Double-check that the PR is okay to be merged.
  • Ensure the corresponding issue has a ZenHub release assigned.
  • Add a changelog message to the issue.

Copy link

github-actions bot commented May 17, 2024

Build files for 59d2419 have been deleted.

Copy link

github-actions bot commented May 17, 2024

Size Change: +19.9 kB (+1.38%)

Total Size: 1.46 MB

Filename Size Change
./dist/assets/css/googlesitekit-admin-css-********************.min.css 54 kB +193 B (+0.36%)
./dist/assets/js/30-********************.js 2.28 kB -1 B (-0.04%)
./dist/assets/js/googlesitekit-activation-********************.js 23.9 kB +4 B (+0.02%)
./dist/assets/js/googlesitekit-ad-blocking-recovery-********************.js 58.1 kB +634 B (+1.1%)
./dist/assets/js/googlesitekit-adminbar-********************.js 34.5 kB +309 B (+0.9%)
./dist/assets/js/googlesitekit-api-********************.js 10.1 kB -7 B (-0.07%)
./dist/assets/js/googlesitekit-components-gm2-********************.js 5.88 kB +1 B (+0.02%)
./dist/assets/js/googlesitekit-components-gm3-********************.js 10 kB +1 B (+0.01%)
./dist/assets/js/googlesitekit-data-********************.js 2.18 kB -2 B (-0.09%)
./dist/assets/js/googlesitekit-datastore-forms-********************.js 9.14 kB +2 B (+0.02%)
./dist/assets/js/googlesitekit-datastore-location-********************.js 2.09 kB +2 B (+0.1%)
./dist/assets/js/googlesitekit-datastore-site-********************.js 19.9 kB +312 B (+1.6%)
./dist/assets/js/googlesitekit-datastore-ui-********************.js 10.1 kB +3 B (+0.03%)
./dist/assets/js/googlesitekit-datastore-user-********************.js 25.5 kB +355 B (+1.41%)
./dist/assets/js/googlesitekit-entity-dashboard-********************.js 72.3 kB +1.08 kB (+1.52%)
./dist/assets/js/googlesitekit-main-dashboard-********************.js 109 kB +11.8 kB (+12.19%) ⚠️
./dist/assets/js/googlesitekit-modules-********************.js 21.7 kB +13 B (+0.06%)
./dist/assets/js/googlesitekit-modules-ads-********************.js 26.8 kB +332 B (+1.25%)
./dist/assets/js/googlesitekit-modules-adsense-********************.js 111 kB +814 B (+0.74%)
./dist/assets/js/googlesitekit-modules-analytics-4-********************.js 111 kB +1.02 kB (+0.93%)
./dist/assets/js/googlesitekit-modules-pagespeed-insights-********************.js 22.4 kB -17 B (-0.08%)
./dist/assets/js/googlesitekit-modules-search-console-********************.js 58.1 kB +41 B (+0.07%)
./dist/assets/js/googlesitekit-modules-tagmanager-********************.js 30.5 kB +370 B (+1.23%)
./dist/assets/js/googlesitekit-polyfills-********************.js 379 B -1 B (-0.26%)
./dist/assets/js/googlesitekit-settings-********************.js 60.4 kB +631 B (+1.06%)
./dist/assets/js/googlesitekit-splash-********************.js 72.6 kB +771 B (+1.07%)
./dist/assets/js/googlesitekit-user-input-********************.js 47.6 kB +694 B (+1.48%)
./dist/assets/js/googlesitekit-vendor-********************.js 317 kB +14 B (0%)
./dist/assets/js/googlesitekit-widgets-********************.js 33.7 kB +340 B (+1.02%)
./dist/assets/js/googlesitekit-wp-dashboard-********************.js 60 kB +217 B (+0.36%)
./dist/assets/js/runtime-********************.js 1.3 kB -4 B (-0.31%)
ℹ️ View Unchanged
Filename Size
./dist/assets/css/googlesitekit-adminbar-css-********************.min.css 11.2 kB
./dist/assets/css/googlesitekit-authorize-application-css-********************.min.css 731 B
./dist/assets/css/googlesitekit-wp-dashboard-css-********************.min.css 7.48 kB
./dist/assets/js/29-********************.js 2.8 kB
./dist/assets/js/31-********************.js 3.72 kB
./dist/assets/js/32-********************.js 929 B
./dist/assets/js/33-********************.js 888 B
./dist/assets/js/34-********************.js 3.12 kB
./dist/assets/js/analytics-advanced-tracking-********************.js 778 B
./dist/assets/js/contact-form-7-********************.js 646 B
./dist/assets/js/googlesitekit-i18n-********************.js 3.92 kB
./dist/assets/js/mailchimp-********************.js 632 B
./dist/assets/js/optin-monster-********************.js 669 B
./dist/assets/js/popup-maker-********************.js 634 B
./dist/assets/js/woocommerce-********************.js 655 B
./dist/assets/js/wpforms-********************.js 634 B

compressed-size-action

Copy link
Collaborator

@kuasha420 kuasha420 left a comment

Choose a reason for hiding this comment

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

Thanks @nfmohit, nice work here. Just making another case for separate components for mobile and desktop, considering their different appearance (Badge vs Notice). Let me know what you think.

@nfmohit nfmohit requested a review from kuasha420 May 22, 2024 11:17
@nfmohit
Copy link
Collaborator Author

nfmohit commented May 22, 2024

Thanks @nfmohit, nice work here. Just making another case for separate components for mobile and desktop, considering their different appearance (Badge vs Notice). Let me know what you think.

I agree, updated, thank you!

Copy link
Collaborator

@kuasha420 kuasha420 left a comment

Choose a reason for hiding this comment

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

Excellent work @nfmohit! Thanks for being patient with me and addressing my feedback. I've found one small tweak after the refactor, I'll push the fix myself and get this merged. Cheers!

export default function PartialDataBadge( { tooltipTitle } ) {
return (
<span className="googlesitekit-audience-segmentation-partial-data-badge">
<Fragment>
Copy link
Collaborator

Choose a reason for hiding this comment

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

This Fragment is no longer needed after the refactor. I'll push a commit to remove this.

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

Oops, looks like I mistakenly overlooked it, thank you for removing! 🦅

Copy link
Collaborator

@kuasha420 kuasha420 left a comment

Choose a reason for hiding this comment

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

Thanks @nfmohit 🎉

@kuasha420 kuasha420 merged commit 6ca0730 into develop May 23, 2024
21 checks passed
@kuasha420 kuasha420 deleted the enhancement/#8142-partial-data-badges branch May 23, 2024 11:30
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.

None yet

2 participants