Fix Key Metrics New badge for first time setup.

[kuasha420]

Summary

Addresses issue:

• Add temporary New badge after setting up KMW #7940

Relevant technical choices

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 5.6.
• 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.

[github-actions]

Build files for d8680c3 have been deleted.

[github-actions]

Size Change: +62 B (0%)

Total Size: 1.4 MB

Filename	Size	Change
./dist/assets/js/googlesitekit-widgets-********************.js	32.3 kB	+62 B (0%)

ℹ️ View Unchanged

Filename	Size
./dist/assets/css/googlesitekit-admin-css-********************.min.css	52.1 kB
./dist/assets/css/googlesitekit-adminbar-css-********************.min.css	11.5 kB
./dist/assets/css/googlesitekit-wp-dashboard-css-********************.min.css	7.68 kB
./dist/assets/js/29-********************.js	2.8 kB
./dist/assets/js/30-********************.js	2.28 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	769 B
./dist/assets/js/googlesitekit-activation-********************.js	22.6 kB
./dist/assets/js/googlesitekit-ad-blocking-recovery-********************.js	54.5 kB
./dist/assets/js/googlesitekit-adminbar-********************.js	33 kB
./dist/assets/js/googlesitekit-api-********************.js	9.8 kB
./dist/assets/js/googlesitekit-components-gm2-********************.js	5.72 kB
./dist/assets/js/googlesitekit-components-gm3-********************.js	10 kB
./dist/assets/js/googlesitekit-data-********************.js	2.18 kB
./dist/assets/js/googlesitekit-datastore-forms-********************.js	9.01 kB
./dist/assets/js/googlesitekit-datastore-location-********************.js	2.09 kB
./dist/assets/js/googlesitekit-datastore-site-********************.js	17.8 kB
./dist/assets/js/googlesitekit-datastore-ui-********************.js	9.1 kB
./dist/assets/js/googlesitekit-datastore-user-********************.js	24.6 kB
./dist/assets/js/googlesitekit-entity-dashboard-********************.js	67.8 kB
./dist/assets/js/googlesitekit-i18n-********************.js	3.92 kB
./dist/assets/js/googlesitekit-main-dashboard-********************.js	85.2 kB
./dist/assets/js/googlesitekit-modules-********************.js	21.2 kB
./dist/assets/js/googlesitekit-modules-adsense-********************.js	106 kB
./dist/assets/js/googlesitekit-modules-analytics-4-********************.js	76.5 kB
./dist/assets/js/googlesitekit-modules-analytics-********************.js	80.4 kB
./dist/assets/js/googlesitekit-modules-pagespeed-insights-********************.js	21.5 kB
./dist/assets/js/googlesitekit-modules-search-console-********************.js	58.3 kB
./dist/assets/js/googlesitekit-modules-tagmanager-********************.js	30.8 kB
./dist/assets/js/googlesitekit-polyfills-********************.js	379 B
./dist/assets/js/googlesitekit-settings-********************.js	49.3 kB
./dist/assets/js/googlesitekit-splash-********************.js	65.8 kB
./dist/assets/js/googlesitekit-user-input-********************.js	41.3 kB
./dist/assets/js/googlesitekit-vendor-********************.js	316 kB
./dist/assets/js/googlesitekit-wp-dashboard-********************.js	60.5 kB
./dist/assets/js/runtime-********************.js	1.3 kB

_{compressed-size-action}

[aaemnnosttv]

Thanks @kuasha420 – this changes the component a little with respect to the current QAB since the new state is no longer directly tied to the datastore, but I think that's okay for now.

My only concern here was that the initial state could potentially be undefined and then load with a value (making the initial value inaccurate) but that doesn't seem to be the case in my testing.

LGTM 👍

[kuasha420]

@aaemnnosttv Thanks for confirming. I was also weary of them being undefined, thankfully the baseData stuff is available from the first render! 🎉