fix: moved localize to data file

deriv-com · Jun 25, 2024 · ee8945b · ee8945b
1 parent 3aece32
commit ee8945b
Show file tree

Hide file tree

Showing 16 changed files with 229 additions and 227 deletions.
diff --git a/scripts/js_texts/extracted_strings_app.js b/scripts/js_texts/extracted_strings_app.js
diff --git a/src/javascript/_autogenerated/ach.js b/src/javascript/_autogenerated/ach.js
diff --git a/src/javascript/_autogenerated/de.js b/src/javascript/_autogenerated/de.js
diff --git a/src/javascript/_autogenerated/es.js b/src/javascript/_autogenerated/es.js
diff --git a/src/javascript/_autogenerated/fr.js b/src/javascript/_autogenerated/fr.js
diff --git a/src/javascript/_autogenerated/id.js b/src/javascript/_autogenerated/id.js
diff --git a/src/javascript/_autogenerated/it.js b/src/javascript/_autogenerated/it.js
diff --git a/src/javascript/_autogenerated/pl.js b/src/javascript/_autogenerated/pl.js
diff --git a/src/javascript/_autogenerated/pt.js b/src/javascript/_autogenerated/pt.js
diff --git a/src/javascript/_autogenerated/ru.js b/src/javascript/_autogenerated/ru.js
diff --git a/src/javascript/_autogenerated/th.js b/src/javascript/_autogenerated/th.js
diff --git a/src/javascript/_autogenerated/vi.js b/src/javascript/_autogenerated/vi.js
diff --git a/src/javascript/_autogenerated/zh_cn.js b/src/javascript/_autogenerated/zh_cn.js
diff --git a/src/javascript/_autogenerated/zh_tw.js b/src/javascript/_autogenerated/zh_tw.js
diff --git a/src/javascript/app/pages/bottom/explanation_data.js b/src/javascript/app/pages/bottom/explanation_data.js
diff --git a/src/javascript/app/pages/bottom/tabs.jsx b/src/javascript/app/pages/bottom/tabs.jsx
@@ -81,13 +81,14 @@ const Explanation = () => {
         <div className='tab-explanation'>
             {/* ========== Winning ========== */}
             <div id='explanation_winning'>
-
-                <h3>{parse(localize('Winning the contract'))}</h3>
-                {contractExplanationData.winning[form_name] &&
-                    contractExplanationData.winning[form_name].content?.map((data, idx) => (
-                        <p key={idx}>{parse(localize(data))}</p>
+                <div id={`winning_${form_name}`}>
+                    <h3>{localize('Winning the contract')}</h3>
+                    {contractExplanationData.winning[form_name].content.map((data, idx) => (
+                        <p key={idx}>{parse(data)}</p>
                     ))}
-
+
+                </div>
+
             </div>
 
             {/* ========== Image ========== */}
@@ -108,27 +109,32 @@ const Explanation = () => {
 
             {/* ========== Explain ========== */}
             <div id='explanation_explain' className='gr-child'>
-
-                <h3>{localize(contractExplanationData.explain[form_name].title)}</h3>
-                {contractExplanationData.explain[form_name].content.map((data, idx) => (
-                    <p key={idx}>{parse(localize(data))}</p>
-                ))}
-                {contractExplanationData.explain[form_name].title_secondary &&
-                <h3 className='secondary-title'>{localize(contractExplanationData.explain[form_name].title_secondary)}</h3>}
-                {contractExplanationData.explain[form_name].content_secondary &&
+
+                <div id={`explain_${form_name}`}>
+                    <h3>{(contractExplanationData.explain[form_name].title)}</h3>
+                    {contractExplanationData.explain[form_name].content.map((data, idx) => (
+                        <p key={idx}>{parse(data)}</p>
+                    ))}
+                    {contractExplanationData.explain[form_name].title_secondary &&
+                    <h3 className='secondary-title'>{(contractExplanationData.explain[form_name].title_secondary)}</h3>}
+                    {contractExplanationData.explain[form_name].content_secondary &&
                             contractExplanationData.explain[form_name].content_secondary.map((data, idx) => (
-                                <p key={idx}>{parse(localize(data))}</p>
+                                <p key={idx}>{parse(data)}</p>
                             ))}
-
+
+                </div>
+
             </div>
 
             {/* ========== Note ========== */}
-
-            <p className='hint'><strong>{localize('Note')}: </strong>{contractExplanationData.note[form_name].content.map((data, idx) => (
-                <span key={idx}>{parse(localize(data))}</span>
-            ))}
-
-            </p>
+            {contractExplanationData.note[form_name] && (
+                <p className='hint'><strong>{localize('Note')}: </strong>{contractExplanationData.note[form_name].content.map((data, idx) => (
+                    <span key={idx}>{parse((data))}</span>
+                ))}
+
+                </p>
+            )}
+
         </div>
 
     );