Make sure about: pages always get proper state

As a side effect of getting rid of a bunch of wasted re-renders, about pages could get in a state with state that is not sent to them.  This removes that race condition

Fix #2875. Fix #2881

Auditors: @diracdeltas

js/about/entry.js

@@ -1,5 +1,6 @@
 const ReactDOM = require('react-dom')
 const { getSourceAboutUrl, getBaseUrl } = require('../lib/appUrlUtil')
+const { ABOUT_COMPONENT_INITIALIZED } = require('../constants/messages')
 const ipc = window.chrome.ipc
 
 let element
@@ -43,4 +44,5 @@ if (element) {
       component.setState(detail)
     }
   })
+  ipc.sendToHost(ABOUT_COMPONENT_INITIALIZED)
 }

js/components/frame.js

@@ -525,6 +525,9 @@ class Frame extends ImmutableComponent {
     this.webview.addEventListener('ipc-message', (e) => {
       let method = () => {}
       switch (e.channel) {
+        case messages.ABOUT_COMPONENT_INITIALIZED:
+          this.updateAboutDetails()
+          break
         case messages.GOT_CANVAS_FINGERPRINTING:
           method = (detail) => {
             const description = [detail.type, detail.scriptUrl || this.props.location].join(': ')

js/constants/messages.js

@@ -128,6 +128,7 @@ const messages = {
   RELOAD_URL: _,
   DISPATCH_ACTION: _,
   CHECK_FLASH_INSTALLED: _,
+  ABOUT_COMPONENT_INITIALIZED: _,
   // HTTPS
   CERT_ERROR_ACCEPTED: _, /** @arg {string} url where a cert error was accepted */
   CHECK_CERT_ERROR_ACCEPTED: _, /** @arg {string} url to check cert error, @arg {number} key of frame */