From 7cc88449d7b45a0279b8e32e7c3ed106a52768a9 Mon Sep 17 00:00:00 2001
From: David Ralph <ohlookitsderpy@protonmail.com>
Date: Sat, 19 Sep 2020 22:41:05 +0100
Subject: [PATCH] language stuff

---
 src/components/modals/marketplace/Item.jsx           |  6 +++---
 src/components/modals/settings/Section.jsx           |  2 +-
 .../modals/settings/sections/BackgroundSettings.jsx  |  2 +-
 .../settings/sections/ExperimentalSettings.jsx       |  6 +++---
 .../modals/settings/sections/SearchSettings.jsx      |  2 +-
 src/translations/en.json                             | 12 ++++++++++--
 6 files changed, 19 insertions(+), 11 deletions(-)

diff --git a/src/components/modals/marketplace/Item.jsx b/src/components/modals/marketplace/Item.jsx
index 2b137f90..9b6fccac 100644
--- a/src/components/modals/marketplace/Item.jsx
+++ b/src/components/modals/marketplace/Item.jsx
@@ -4,12 +4,12 @@ import ArrowBackIcon from '@material-ui/icons/ArrowBack';
 export default class Item extends React.PureComponent {
   render() {
     //if (!this.props.data.icon) return null;
-    let warningHTML = '';
+    let warningHTML;
     if (this.props.data.quote_api) {
       warningHTML = <div className='productInformation'>
           <ul>
-              <li className='header'>Warning</li>
-              <li id='updated'>This quote pack requests to external servers that may track you!</li>
+              <li className='header'>{this.props.language.quoteWarning.title}</li>
+              <li id='updated'>{this.props.language.quoteWarning.description}</li>
           </ul>
       </div>
     }
diff --git a/src/components/modals/settings/Section.jsx b/src/components/modals/settings/Section.jsx
index 98532e6a..daa2a215 100644
--- a/src/components/modals/settings/Section.jsx
+++ b/src/components/modals/settings/Section.jsx
@@ -5,7 +5,7 @@ import ExpandMore from '@material-ui/icons/ExpandMore';
 
 export default class Section extends React.PureComponent {
   render() {
-    let extraHTML, expandMore = '';
+    let extraHTML, expandMore;
     if (this.props.children) {
         extraHTML = <li className={'extraSettings ' + this.props.title}>{this.props.children}</li>
         expandMore = <ExpandMore
diff --git a/src/components/modals/settings/sections/BackgroundSettings.jsx b/src/components/modals/settings/sections/BackgroundSettings.jsx
index 9221661a..14669b42 100644
--- a/src/components/modals/settings/sections/BackgroundSettings.jsx
+++ b/src/components/modals/settings/sections/BackgroundSettings.jsx
@@ -5,7 +5,7 @@ export default class BackgroundSettings extends React.PureComponent {
    componentDidMount() {
       document.getElementById('bg-input').onchange = (e) => {
         const reader = new FileReader();
-         const file = e.target.files[0];
+        const file = e.target.files[0];
 
         if (file.size > 2000000) return toast('File is over 2MB', '#ff0000', '#ffffff');
 
diff --git a/src/components/modals/settings/sections/ExperimentalSettings.jsx b/src/components/modals/settings/sections/ExperimentalSettings.jsx
index 77283a4d..c45d528c 100644
--- a/src/components/modals/settings/sections/ExperimentalSettings.jsx
+++ b/src/components/modals/settings/sections/ExperimentalSettings.jsx
@@ -12,9 +12,9 @@ export default class ExperimentalSettings extends React.PureComponent {
           <li className='extraSettings'>
             <Checkbox name='webp' text={this.props.language.experimental.webp} />
             <Checkbox name='animations' text={this.props.language.experimental.animations} />
-            <Checkbox name='view' text='View' />
-            <Checkbox name='favouriteEnabled' text='Favourite' />
-            <Checkbox name='refresh' text='Refresh' />
+            <Checkbox name='view' text={this.props.language.experimental.view} />
+            <Checkbox name='favouriteEnabled' text={this.props.language.experimental.favourite} />
+            <Checkbox name='refresh' text={this.props.language.experimental.refresh} />
           </li>
         </div>
     );
diff --git a/src/components/modals/settings/sections/SearchSettings.jsx b/src/components/modals/settings/sections/SearchSettings.jsx
index d59e7e1f..2173c137 100644
--- a/src/components/modals/settings/sections/SearchSettings.jsx
+++ b/src/components/modals/settings/sections/SearchSettings.jsx
@@ -27,7 +27,7 @@ export default class SearchSettings extends React.PureComponent {
               </select>
             </ul>
             <ul id='searchEngineInput' style={{ display: 'none' }}>
-              <p style={{"marginTop": "0px"}}>Custom Search URL <span className='modalLink' onClick={() => this.props.resetItem('customSearchEngine')}>{this.props.language.reset}</span></p>
+              <p style={{"marginTop": "0px"}}>{this.props.language.searchbar.custom} <span className='modalLink' onClick={() => this.props.resetItem('customSearchEngine')}>{this.props.language.reset}</span></p>
               <input type='text' id='customSearchEngine'></input>
             </ul>
         </div>
diff --git a/src/translations/en.json b/src/translations/en.json
index 3b7423e7..9dc005b8 100644
--- a/src/translations/en.json
+++ b/src/translations/en.json
@@ -46,14 +46,18 @@
         },
         "searchbar": {
             "title": "Search Bar",
-            "searchengine": "Search Engine"
+            "searchengine": "Search Engine",
+            "custom": "Custom Search URL"
         },
         "offline": "Offline Mode",
         "experimental": {
             "title": "Experimental",
             "webp": "Enable WebP",
             "dark": "Dark Theme",
-            "animations": "Animations"
+            "animations": "Animations",
+            "view": "View",
+            "favourite": "Favourite",
+            "refresh": "Refresh"
         },
         "language": "Language",
         "apply": "Apply",
@@ -99,6 +103,10 @@
             "buttons": {
                 "addtomue": "Add To Mue",
                 "remove": "Remove"
+            },
+            "quoteWarning": {
+                "title": "Warning",
+                "description": "This quote pack requests to external servers that may track you!"
             }
         },
         "offline": {