Dashboard: Add a save button to the google analytics id form

[dmmulroy]

Summary

Add a save button to the google analytics id form

User-facing changes

• Adds a button to the google analytics id form that becomes disabled under two exclusive conditions:

1. You supply an invalid GA id
2. You type in the currently saved GA id

Testing Instructions

• Navigate to Editor Settings
• Type in a valid GA id (ua-#-#) and click save. Refresh the page and see that the GA id you entered is the value in the text box
• Edit the GA id to another valid GA id and press Enter. Refresh the page and see that the GA id you entered is the value in the text box
• Delete the value from Input box and press Enter/Click Save. Refresh the page to see that there is no GA id.

---

#3843

[github-actions]

Size Change: +196 B (0%)

Total Size: 1.24 MB

Filename	Size	Change
assets/js/stories-dashboard.js	584 kB	+196 B (0%)

ℹ️ View Unchanged

Filename	Size	Change
assets/css/edit-story.css	296 B	0 B
assets/css/stories-dashboard.css	328 B	0 B
assets/css/web-stories-embed-block.css	515 B	0 B
assets/js/chunk-web-stories-template-0-********************.js	10.2 kB	0 B
assets/js/chunk-web-stories-template-1-********************.js	10.3 kB	0 B
assets/js/chunk-web-stories-template-2-********************.js	10 kB	0 B
assets/js/chunk-web-stories-template-3-********************.js	10.5 kB	0 B
assets/js/chunk-web-stories-template-4-********************.js	10.6 kB	0 B
assets/js/chunk-web-stories-template-5-********************.js	6.86 kB	0 B
assets/js/chunk-web-stories-template-6-********************.js	9.91 kB	0 B
assets/js/chunk-web-stories-template-7-********************.js	9.78 kB	0 B
assets/js/edit-story.js	495 kB	0 B
assets/js/web-stories-activation-notice.js	63.6 kB	0 B
assets/js/web-stories-embed-block.js	16.9 kB	0 B

_{compressed-size-action}

[codecov]

Codecov Report

Merging #4336 into main will increase coverage by 12.93%.
The diff coverage is 100.00%.

@@             Coverage Diff             @@
##             main    #4336       +/-   ##
===========================================
+ Coverage   70.35%   83.28%   +12.93%     
===========================================
  Files         836      836               
  Lines       14797    14812       +15     
===========================================
+ Hits        10410    12336     +1926     
+ Misses       4387     2476     -1911     

Flag	Coverage Δ
#karmatests	71.29% <100.00%> (+41.75%)	⬆️
#unittests	66.33% <100.00%> (+0.04%)	⬆️

Flags with carried forward coverage won't be shown. Click here to find out more.

Impacted Files	Coverage Δ
.../src/dashboard/app/views/myStories/header/index.js	93.33% <ø> (ø)
...c/dashboard/app/views/editorSettings/components.js	100.00% <100.00%> (ø)
.../app/views/editorSettings/googleAnalytics/index.js	100.00% <100.00%> (ø)
assets/src/dashboard/constants/index.js	100.00% <100.00%> (ø)
.../src/dashboard/components/inlineInputForm/index.js	90.90% <0.00%> (-9.10%)	⬇️
...s/src/edit-story/components/panels/sizePosition.js	91.48% <0.00%> (+2.12%)	⬆️
assets/src/edit-story/elements/text/frame.js	97.50% <0.00%> (+2.50%)	⬆️
...edit-story/components/panels/panel/shared/title.js	81.08% <0.00%> (+2.70%)	⬆️
assets/src/edit-story/components/button/index.js	97.29% <0.00%> (+2.70%)	⬆️
...ponents/library/panes/media/media3p/media3pPane.js	93.75% <0.00%> (+3.12%)	⬆️
... and 180 more

[BrittanyIRL]

Overall this is great and solves the issue of not knowing how to save the tracking ID. Few small things.

[BrittanyIRL]

Thanks for the updates!

[carloskelly13]

Works well and the screen reader + focus works too!

[csossi]

Verified in QA