add details on modal

Author: Aniket-Engg

apps/remix-dapp/src/locales/en/udapp.json

@@ -50,7 +50,9 @@
   "udapp.hash": "hash",
   "udapp.signature": "signature",
   "udapp.forkStateTitle": "Fork VM state",
-  "udapp.forkStateLabel": "State Name",
+  "udapp.forkStateLabel": "New environment name",
+  "udapp.forkVmStateDesc1":"Forking state will create a new environment with same state as selected environment",
+  "udapp.forkVmStateDesc2":"New environment will be pinned, which can be unpinned or deleted using Envionment Explorer",
   "udapp.fork": "Fork",
   "udapp.deleteVmStateTitle": "Delete VM state",
   "udapp.deleteVmStateDesc1": "Deleting the state of this VM will delete the associated transaction details in this Workspace.",

apps/remix-ide/src/app/tabs/locales/en/udapp.json

@@ -50,7 +50,9 @@
   "udapp.hash": "hash",
   "udapp.signature": "signature",
   "udapp.forkStateTitle": "Fork VM state",
-  "udapp.forkStateLabel": "State Name",
+  "udapp.forkStateLabel": "New environment name",
+  "udapp.forkVmStateDesc1":"Forking state will create a new environment with same state as selected environment",
+  "udapp.forkVmStateDesc2":"After forking, new environment will be pinned and selected automatically. It can be unpinned or deleted using Envionment Explorer",
   "udapp.fork": "Fork",
   "udapp.deleteVmStateTitle": "Delete VM state",
   "udapp.deleteVmStateDesc1": "Deleting the state of this VM will delete the associated transaction details in this Workspace.",

apps/remix-ide/src/blockchain/blockchain.tsx

@@ -157,7 +157,7 @@ export class Blockchain extends Plugin {
       _paq.push(['trackEvent', 'blockchain', 'providerPinned', name])
       this.emit('providersChanged')
       this.changeExecutionContext({ context: name }, null, null, null)
-      this.call('notification', 'toast', `VM state '${providerName}' forked and selected as current environment.`)
+      this.call('notification', 'toast', `New environment '${providerName}' created with forked state.`)
     })
 
     this.on('environmentExplorer', 'providerUnpinned', (name, provider) => {

libs/remix-ui/run-tab/src/lib/components/environment.tsx

@@ -31,6 +31,10 @@ export function EnvironmentUI(props: EnvironmentProps) {
   const forkStatePrompt = (defaultName: string) => {
     return (
       <div data-id="forkVmStateModal">
+        <ul className='ml-3'>
+          <li><FormattedMessage id="udapp.forkVmStateDesc1"/></li>
+          <li><FormattedMessage id="udapp.forkVmStateDesc2"/></li>
+        </ul>
         <label id="stateName" className="form-check-label" style={{ fontWeight: 'bolder' }}>
           <FormattedMessage id="udapp.forkStateLabel" />
         </label>