bug fixes

src/components/modals/Settings.jsx

@@ -152,7 +152,7 @@ export default class Settings extends React.PureComponent {
           <Checkbox name='events' text={this.props.language.greeting.events} />
           <Checkbox name='defaultGreetingMessage' text={this.props.language.greeting.default} />
             <ul>
-              <p>{this.props.language.greeting.name} <span className='modalLink' onClick={() => this.resetItem('greetingName')}>Reset</span></p>
+              <p>{this.props.language.greeting.name} <span className='modalLink' onClick={() => this.resetItem('greetingName')}>{this.props.language.reset}</span></p>
               <input type='text' id='greetingName'></input>
             </ul>
           </li>
@@ -168,7 +168,7 @@ export default class Settings extends React.PureComponent {
         <div className='section'>
           <h4 onClick={() => SettingsFunctions.toggleExtra(document.getElementsByClassName('extraSettings')[3], document.getElementsByClassName('expandIcons')[3])}>{this.props.language.background.title}</h4>
           <ExpandMore style={{ 'transition': 'all 0.5s ease 0s' }} className='expandIcons' onClick={() => SettingsFunctions.toggleExtra(document.getElementsByClassName('extraSettings')[3], document.getElementsByClassName('expandIcons')[3])} />
-          <Slider name='background' />
+          <Slider name='background' override='customBackground' />
           <li className='extraSettings'>
           <ul>
             <label htmlFor='8'>{this.props.language.background.API} </label>
@@ -181,16 +181,16 @@ export default class Settings extends React.PureComponent {
             </label>
             </ul>
             <ul>
-              <p>{this.props.language.background.blur} (<span id='blurAmount'></span>%) <span className='modalLink' onClick={() => this.resetItem('blur')}>Reset</span></p>
+              <p>{this.props.language.background.blur} (<span id='blurAmount'></span>%) <span className='modalLink' onClick={() => this.resetItem('blur')}>{this.props.language.reset}</span></p>
               <input className='range' type='range' min='0' max='100' id='blurRange' onInput={() => document.getElementById('blurAmount').innerText = document.getElementById('blurRange').value} />
             </ul>
             <ul>
-              <p>{this.props.language.background.customURL} <span className='modalLink' onClick={() => this.resetItem('customBackground')}>Reset</span></p>
+              <p>{this.props.language.background.customURL} <span className='modalLink' onClick={() => this.resetItem('customBackground')}>{this.props.language.reset}</span></p>
               <input type='text' id='customBackground'></input>
             </ul>
             <ul>
-              <p>{this.props.language.background.custombackground} <span className='modalLink' onClick={() => this.resetItem('customBackground')}>Reset</span></p>
-              <button className='uploadbg' onClick={() => document.getElementById('bg-input').click()}>Upload</button>
+              <p>{this.props.language.background.custombackground} <span className='modalLink' onClick={() => this.resetItem('customBackground')}>{this.props.language.reset}</span></p>
+              <button className='uploadbg' onClick={() => document.getElementById('bg-input').click()}>{this.props.language.background.upload}</button>
               <input id='bg-input' type='file' name='name' className='hidden' />
             </ul>
            { /* <ul>

src/components/modals/Update.jsx

@@ -48,7 +48,7 @@ export default class Update extends React.PureComponent {
         <span className='closeModal' onClick={this.props.modalClose}>&times;</span>
         <h1 style={{ 'marginBottom':'-10px' }} dangerouslySetInnerHTML={{__html: this.state.title}}></h1>
         <h5 style={{ 'lineHeight':'0px' }}> By {this.state.author} • {this.state.date}</h5>
-        <img src={this.state.image} alt='Update'></img>
+        <img draggable='false' src={this.state.image} alt='Update'></img>
         <p dangerouslySetInnerHTML={{__html: this.state.content + `<br/><p>Read on the blog here: <a href='${this.state.url}'>${this.state.url}</a></p>`}}></p>
       </div>;
     }

src/components/modals/marketplace/Item.jsx

@@ -11,7 +11,7 @@ export default class Item extends React.PureComponent {
       <h1>{this.props.data.name}</h1>
       {this.props.button}
       <br/><br/>
-      <img alt="product" src={'https://external-content.duckduckgo.com/iu/?u=' + this.props.data.icon} />
+      <img alt="product" draggable={false} src={'https://external-content.duckduckgo.com/iu/?u=' + this.props.data.icon} />
       <div className="informationContainer">
       <div className="productInformation">
           <h4>{this.props.language.information}</h4>

src/components/modals/marketplace/Items.jsx

@@ -12,7 +12,7 @@ export default class Items extends React.PureComponent {
             <div className="items">
                 {this.props.items.map((item) =>
                     <div className="item" onClick={() => this.props.toggleFunction(item.name)}>
-                        <img alt="icon" src={'https://external-content.duckduckgo.com/iu/?u=' + item.icon_url} />
+                        <img alt="icon" draggable={false} src={'https://external-content.duckduckgo.com/iu/?u=' + item.icon_url} />
                         <div className="details">
                             <h4>{item.display_name}</h4>
                             <p>{item.author}</p>

src/translations/en.json

@@ -40,7 +40,8 @@
             "blur": "Adjust Blur",
             "customURL": "Custom Background URL",
             "custombackground": "Custom Background",
-            "customcolour": "Custom Background Colour"
+            "customcolour": "Custom Background Colour",
+            "upload": "Upload"
         },
         "searchbar": {
             "title": "Search Bar",
@@ -106,21 +107,6 @@
     },
     "addons": {
         "added": "Added",
-        "product": {
-            "overview": "Overview",
-            "information": "Information",
-            "last_updated": "Last Updated",
-            "version": "Version",
-            "author": "Author",
-            "notice": {
-                "title": "Notice",
-                "description": "In order for the change to take place, the page must be refreshed."
-            },
-            "buttons": {
-                "addtomue": "Add To Mue",
-                "remove": "Remove"
-            }
-        },
         "empty": {
             "title": "It's empty here",
             "description": "Head to the marketplace to add some.",

src/translations/fr.json

@@ -106,21 +106,6 @@
     },
     "addons": {
         "added": "Ajoutée",
-        "product": {
-            "overview": "Aperçu",
-            "information": "Informations",
-            "last_updated": "Dernière mise à jour",
-            "version": "Version",
-            "author": "Auteure",
-            "notice": {
-                "title": "Écriteau",
-                "description": "S'il vous plait, recharger la page."
-            },
-            "buttons": {
-                "addtomue": "Ajouter au Mue",
-                "remove": "Enlever"
-            }
-        },
         "empty": {
             "title": "Il est vide ici",
             "description": "Aller su le marché pour en ajouter.",

src/translations/nl.json

@@ -40,7 +40,8 @@
             "blur": "Onscherpte Aanpassen",
             "customURL": "Aangepaste Achtergrond URL",
             "custombackground": "Aangepaste Achtergrond",
-            "customcolour": "Aangepaste Achtergrondkleur"
+            "customcolour": "Aangepaste Achtergrondkleur",
+            "upload": "Uploaden"
         },
         "searchbar": {
             "title": "Zoekbalk",
@@ -106,21 +107,6 @@
     },
     "addons": {
         "added": "Toegevoegd",
-        "product": {
-            "overview": "Overzicht",
-            "information": "Informatie",
-            "last_updated": "Laatst Geüpdatet",
-            "version": "Versie",
-            "author": "Auteur",
-            "notice": {
-                "title": "Aankondiging",
-                "description": "De veranderingen gaan in zodra je de pagina herlaad."
-            },
-            "buttons": {
-                "addtomue": "Voeg aan Mue toe",
-                "remove": "Verwijder"
-            }
-        },
         "empty": {
             "title": "Het is hier leeg",
             "description": "Ga naar de marktplaats om een paar extensies toe te veogen.",

src/translations/no.json

@@ -106,21 +106,6 @@
     },
     "addons": {
         "added": "Lagt til",
-        "product": {
-            "overview": "Oversikt",
-            "information": "Informasjon",
-            "last_updated": "Sist oppdatert",
-            "version": "Versjon",
-            "author": "Forfatter",
-            "notice": {
-                "title": "Vær oppmerksom",
-                "description": "For at endringen skal ta skje, må siden relastes."
-            },
-            "buttons": {
-                "addtomue": "Legg Til Mue",
-                "remove": "Fjern"
-            }
-        },
         "empty": {
             "title": "Det er tomt her.",
             "description": "Gå til markedsplassen å legg til noe.",