readme is improved

Author: dhewzulla

README.md

@@ -111,6 +111,16 @@ const login=(username,password)=>{
 ```
 Another way is to place another instance of  ```useGlobalInputApp```  in a component, and then switch to that component.
 
+
+When  ```useGlobalInputApp``` is invoked for the first time, the module will start to initialize itself. In this phase, ```mobile.isLoading``` is set to true, and ```<mobile.ConnectQR/>``` displays a loading symbol. After the initialization is completed, if the application is ready to accept connection, ```mobile.isReady``` is set to true, and ```<mobile.ConnectQR/>``` displays an encrypted QR Code. When a mobile app has connected to your application, ```mobile.isConnected``` is set to true, and ```<mobile.ConnectQR/>``` displays nothing. Those variables are useful if you would like to control what to display during different phases:
+```JavaScript
+{mobile.isConnected && (<>
+<h1>Mobile Connected</h1>
+<div>Please operate on your mobile to provide your credential!</div>
+</>)}
+```
+
+
 For an element in a ```form```, ```type``` attribute defines how to process/display the data contained in it. For example, if it is set to ```button```, the mobile app display a ```Button```:
 
 ```JavaScript
@@ -217,13 +227,7 @@ const informationField={
 
 ````
 
-When  ```useGlobalInputApp``` is invoked for the first time, the module will start to initialize itself. In this phase, ```mobile.isLoading``` is set to true, and ```<mobile.ConnectQR/>``` displays a loading symbol. After the initialization is completed, if the application is ready to accept connection, ```mobile.isReady``` is set to true, and ```<mobile.ConnectQR/>``` displays an encrypted QR Code. When a mobile app has connected to your application, ```mobile.isConnected``` is set to true, and ```<mobile.ConnectQR/>``` displays nothing. Those variables are useful if you would like to control what to display during different phases:
-```JavaScript
-{mobile.isConnected && (<>
-<h1>Mobile Connected</h1>
-<div>Please operate on your mobile to provide your credential!</div>
-</>)}
-```
+
 
 
 Finally, the examples in the [website](https://globalinput.co.uk/), and tests in the [test project](https://github.com/global-input/test-global-input-app-libs) contain more information about various use cases that you can implement in your Typescript/JavaScript applications.