Use new desktop api

Act on GRAPH_ACTIVE and GRAPH_INACTIVE rather than DATABASE_STARTED and DATABASE_STOPPED

Author: oskarhane

package.json

@@ -12,7 +12,7 @@
   "homepage": "https://neo4j.com",
   "main": "dist/index.html",
   "neo4jDesktop": {
-    "apiVersion": "1.1.0"
+    "apiVersion": "^1.2.0"
   },
   "scripts": {
     "start":

src/browser/modules/App/App.jsx

@@ -64,7 +64,6 @@ import Render from 'browser-components/Render'
 import BrowserSyncInit from '../Sync/BrowserSyncInit'
 import DesktopIntegration from 'browser-components/DesktopIntegration'
 import {
-  didChangeActiveGraph,
   getActiveCredentials,
   getActiveGraph
 } from 'browser-components/DesktopIntegration/helpers'
@@ -113,8 +112,8 @@ class App extends Component {
           <DesktopIntegration
             integrationPoint={this.props.desktopIntegrationPoint}
             onMount={this.props.setInitialConnectionData}
-            onDatabaseStarted={this.props.changeConnectionMaybe}
-            onDatabaseStopped={this.props.closeConnectionMaybe}
+            onGraphActive={this.props.switchConnection}
+            onGraphInactive={this.props.closeConnectionMaybe}
           />
           <Render if={loadExternalScripts}>
             <Intercom appID='lq70afwx' />
@@ -176,14 +175,13 @@ const mapDispatchToProps = dispatch => {
 }
 
 const mergeProps = (stateProps, dispatchProps, ownProps) => {
-  const changeConnectionMaybe = (event, newContext, oldContext) => {
-    const didChange = didChangeActiveGraph(newContext, oldContext)
-    if (!didChange) return
+  const switchConnection = (event, newContext, oldContext) => {
     const creds = getActiveCredentials('bolt', newContext)
     if (!creds) return // No conection. Ignore and let browser show connection lost msgs.
     const connectionCreds = {
       // Use current connections creds until we get new from API
       ...stateProps.defaultConnectionData,
+      ...creds,
       encrypted: creds.tlsLevel === 'REQUIRED',
       host: `bolt://${creds.host}:${creds.port}`
     }
@@ -209,7 +207,7 @@ const mergeProps = (stateProps, dispatchProps, ownProps) => {
     ...stateProps,
     ...ownProps,
     ...dispatchProps,
-    changeConnectionMaybe,
+    switchConnection,
     setInitialConnectionData,
     closeConnectionMaybe
   }

src/browser/modules/Stream/Auth/ConnectedView.jsx

@@ -29,22 +29,34 @@ const ConnectedView = ({
   host,
   username,
   storeCredentials,
+  hideStoreCredentials = false,
+  additionalFooter = null,
   showHost = true
 }) => {
   return (
     <StyledConnectionBody>
-      You are connected as user <StyledCode>{username}</StyledCode>
-      <br />
+      <Render if={username}>
+        <span>
+          You are connected as user <StyledCode>{username}</StyledCode>
+          <br />
+        </span>
+      </Render>
+      <Render if={!username}>You are connected </Render>
       <Render if={showHost}>
         <span>
           to the server <StyledCode>{host}</StyledCode>
           <br />
         </span>
       </Render>
-      <StyledConnectionFooter>
-        Connection credentials are {storeCredentials ? '' : 'not '}stored in
-        your web browser.
-      </StyledConnectionFooter>
+      <Render if={!hideStoreCredentials}>
+        <StyledConnectionFooter>
+          Connection credentials are {storeCredentials ? '' : 'not '}stored in
+          your web browser.
+        </StyledConnectionFooter>
+      </Render>
+      <Render if={additionalFooter}>
+        <StyledConnectionFooter>{additionalFooter}</StyledConnectionFooter>
+      </Render>
     </StyledConnectionBody>
   )
 }

src/browser/modules/Stream/Auth/ServerSwitchFrame.jsx

@@ -33,7 +33,10 @@ import ClickToCode from '../../ClickToCode'
 
 class ServerStatusFrame extends Component {
   render () {
-    const { frame } = this.props
+    const {
+      frame,
+      activeConnectionData: dynamicConnectionData = {}
+    } = this.props
     const { activeConnectionData, storeCredentials } = frame
     return (
       <FrameTemplate
@@ -49,7 +52,8 @@ class ServerStatusFrame extends Component {
             <StyledConnectionBodyContainer>
               <Render if={frame.type === 'switch-fail'}>
                 <StyledConnectionBody>
-                  The updated credentials was not correct.
+                  The connection credentials provided could not be used to
+                  connect.
                   <br />
                   You are now disconnected.
                   <br />
@@ -61,7 +65,8 @@ class ServerStatusFrame extends Component {
                 if={
                   frame.type === 'switch-success' &&
                   activeConnectionData &&
-                  activeConnectionData.authEnabled
+                  dynamicConnectionData &&
+                  dynamicConnectionData.authEnabled
                 }
               >
                 <ConnectedView
@@ -77,13 +82,18 @@ class ServerStatusFrame extends Component {
                 if={
                   frame.type === 'switch-success' &&
                   activeConnectionData &&
-                  !activeConnectionData.authEnabled
+                  dynamicConnectionData &&
+                  !dynamicConnectionData.authEnabled
                 }
               >
-                <StyledConnectionBody>
-                  You have a working connection with the Neo4j database and
-                  server auth is disabled.
-                </StyledConnectionBody>
+                <div>
+                  <ConnectedView
+                    host={activeConnectionData && activeConnectionData.host}
+                    showHost
+                    hideStoreCredentials
+                    additionalFooter='You have a working connection with the Neo4j database and server auth is disabled.'
+                  />
+                </div>
               </Render>
             </StyledConnectionBodyContainer>
           </StyledConnectionFrame>