From c5ba18e9780631595e68e13c21e174ed9a3bd0a0 Mon Sep 17 00:00:00 2001
From: Esteban Borai <estebanborai@gmail.com>
Date: Sun, 26 Apr 2020 11:22:41 -0300
Subject: [PATCH] fix(client): wrap editor in span with "notranslate" (#38389)

* Update Editor.js

* Fix linting issue

* Working on Preview with .notranslate

* Add "notranslate" for Preview component
---
 .../templates/Challenges/classic/Editor.js    | 22 ++++++++++---------
 .../Challenges/components/Preview.js          |  2 +-
 2 files changed, 13 insertions(+), 11 deletions(-)

diff --git a/client/src/templates/Challenges/classic/Editor.js b/client/src/templates/Challenges/classic/Editor.js
index 67f0ae7662..7b020491d7 100644
--- a/client/src/templates/Challenges/classic/Editor.js
+++ b/client/src/templates/Challenges/classic/Editor.js
@@ -220,16 +220,18 @@ class Editor extends Component {
     const editorTheme = theme === 'night' ? 'vs-dark-custom' : 'vs-custom';
     return (
       <Suspense fallback={<Loader timeout={600} />}>
-        <MonacoEditor
-          editorDidMount={this.editorDidMount}
-          editorWillMount={this.editorWillMount}
-          key={`${editorTheme}-${fileKey}`}
-          language={modeMap[ext]}
-          onChange={this.onChange}
-          options={this.options}
-          theme={editorTheme}
-          value={contents}
-        />
+        <span className='notranslate'>
+          <MonacoEditor
+            editorDidMount={this.editorDidMount}
+            editorWillMount={this.editorWillMount}
+            key={`${editorTheme}-${fileKey}`}
+            language={modeMap[ext]}
+            onChange={this.onChange}
+            options={this.options}
+            theme={editorTheme}
+            value={contents}
+          />
+        </span>
       </Suspense>
     );
   }
diff --git a/client/src/templates/Challenges/components/Preview.js b/client/src/templates/Challenges/components/Preview.js
index 78c517b083..1fd14b7b4c 100644
--- a/client/src/templates/Challenges/components/Preview.js
+++ b/client/src/templates/Challenges/components/Preview.js
@@ -46,7 +46,7 @@ class Preview extends Component {
   render() {
     const iframeToggle = this.state.iframeStatus ? 'disable' : 'enable';
     return (
-      <div className={`challenge-preview ${iframeToggle}-iframe`}>
+      <div className={`notranslate challenge-preview ${iframeToggle}-iframe`}>
         <iframe
           className={'challenge-preview-frame'}
           id={mainId}