From e5f04a7bfaec8853b74dae8e522d085125c30315 Mon Sep 17 00:00:00 2001
From: lianahus <liana@ethereum.org>
Date: Mon, 22 Feb 2021 13:05:17 +0100
Subject: [PATCH] message for users of < 0.4.12 version``

---
 .../app/tabs/compileTab/compilerContainer.js    | 17 +++++++++++++----
 1 file changed, 13 insertions(+), 4 deletions(-)

diff --git a/apps/remix-ide/src/app/tabs/compileTab/compilerContainer.js b/apps/remix-ide/src/app/tabs/compileTab/compilerContainer.js
index 4d65b48753..4a6174ad33 100644
--- a/apps/remix-ide/src/app/tabs/compileTab/compilerContainer.js
+++ b/apps/remix-ide/src/app/tabs/compileTab/compilerContainer.js
@@ -1,4 +1,5 @@
 
+import toaster from '../../ui/tooltip'
 import { canUseWorker, baseURLBin, baseURLWasm, urlFromVersion, pathToURL, promisedMiniXhr } from '../../compiler/compiler-utils'
 const yo = require('yo-yo')
 const helper = require('../../../lib/helper')
@@ -210,19 +211,19 @@ class CompilerContainer {
     }
 
     this._view.versionSelector = yo`
-      <select onchange="${this.onchangeLoadVersion.bind(this)}" class="custom-select" id="versionSelector" disabled>
+      <select onchange="${() => this.onchangeLoadVersion()}" class="custom-select" id="versionSelector" disabled>
         <option disabled selected>${this.data.defaultVersion}</option>
         <option disabled>builtin</option>
       </select>`
     this._view.languageSelector = yo`
-      <select onchange="${this.onchangeLanguage.bind(this)}" class="custom-select" id="compilierLanguageSelector" title="Available since v0.5.7">
+      <select onchange="${() => this.onchangeLanguage()}" class="custom-select" id="compilierLanguageSelector" title="Available since v0.5.7">
         <option>Solidity</option>
         <option>Yul</option>
       </select>`
     this._view.version = yo`<span id="version"></span>`
 
     this._view.evmVersionSelector = yo`
-      <select onchange="${this.onchangeEvmVersion.bind(this)}" class="custom-select" id="evmVersionSelector">
+      <select onchange="${() => this.onchangeEvmVersion()}" class="custom-select" id="evmVersionSelector">
         <option value="default" selected="selected">compiler default</option>
         <option>muirGlacier</option>
         <option>istanbul</option>
@@ -397,7 +398,6 @@ class CompilerContainer {
     The following functions map with the above event handlers.
     They are an external API for modifying the compiler configuration.
   */
-
   setConfiguration (settings) {
     this.setLanguage(settings.language)
     this.setEvmVersion(settings.evmVersion)
@@ -476,6 +476,15 @@ class CompilerContainer {
         this._view.versionSelector.appendChild(option)
       }
     })
+    if (semver.lt(this._retrieveVersion(), 'v0.4.12+commit.194ff033.js')) {
+      toaster(yo`
+        <div>
+          <b>Old compiler usage detected.</b>
+          <p>You are using a compiler older than v0.4.12.</p>
+          <p>Some Functionallity may not work.</p>
+        </div>`
+      )
+    }
 
     // Workers cannot load js on "file:"-URLs and we get a
     // "Uncaught RangeError: Maximum call stack size exceeded" error on Chromium,