feat: new refresh button options

src/components/modals/main/settings/Radio.jsx

@@ -21,7 +21,7 @@ export default class Radio extends PureComponent {
     if (this.props.name === 'language') {
       // old tab name
       if (localStorage.getItem('tabName') === window.language.tabname) {
-        localStorage.setItem('tabName', require(`../../../../translations/${value.replace('-', '_')}.json`).tabname);
+        localStorage.setItem('tabName', require(`translations/${value.replace('-', '_')}.json`).tabname);
       }
     }
 

src/components/modals/main/settings/sections/Appearance.jsx

@@ -5,7 +5,7 @@ import Slider from '../Slider';
 import Text from '../Text';
 
 export default function AppearanceSettings() {
-  const { appearance } = window.language.modals.main.settings.sections;
+  const { appearance, background, quote } = window.language.modals.main.settings.sections;
 
   const themeOptions = [
     {
@@ -28,8 +28,16 @@ export default function AppearanceSettings() {
       <Radio name='theme' title={appearance.theme.title} options={themeOptions} category='other' />
 
       <h3>{appearance.navbar.title}</h3>
-      <Checkbox name='notesEnabled' text={appearance.navbar.notes} category='navbar' />
-      <Checkbox name='refresh' text={appearance.navbar.refresh} category='navbar' />
+      <Checkbox name='notesEnabled' text={appearance.navbar.notes} category='navbar' element='.other' />
+      <Dropdown label={appearance.navbar.refresh} name='refresh' category='navbar'>
+        <option value='false'>{appearance.navbar.refresh_options.none}</option>
+        <option value='background'>{background.title}</option>
+        <option value='quote'>{quote.title}</option>
+        <option value='quotebackground'>{quote.title} + {background.title}</option>
+        {/* before it was just a checkbox */}
+        <option value='true'>{appearance.navbar.refresh_options.page}</option>
+      </Dropdown>
+      <br/>
       <Slider title={appearance.accessibility.widget_zoom} name='zoomNavbar' min='10' max='400' default='100' display='%' category='navbar' />
 
       <h3>{appearance.font.title}</h3>

src/components/widgets/background/Background.jsx

@@ -309,7 +309,7 @@ export default class Background extends PureComponent {
       }
 
       // uninstall photo pack reverts your background to what you had previously
-      if (data === 'marketplacebackgrounduninstall' || data === 'backgroundwelcome') {
+      if (data === 'marketplacebackgrounduninstall' || data === 'backgroundwelcome' || data === 'backgroundrefresh') {
         refresh();
       }
     });

src/components/widgets/navbar/Navbar.jsx

@@ -14,6 +14,7 @@ export default class Navbar extends PureComponent {
   constructor() {
     super();
     this.navbarContainer = createRef();
+    this.refreshValue = localStorage.getItem('refresh');
   }
 
   setZoom() {
@@ -32,6 +33,23 @@ export default class Navbar extends PureComponent {
     this.setZoom();
   }
 
+  refresh() {
+    switch (this.refreshValue) { 
+      case 'background':
+        EventBus.dispatch('refresh', 'backgroundrefresh');
+        break;
+      case 'quote':
+        EventBus.dispatch('refresh', 'quoterefresh');
+        break;
+      case 'quotebackground':
+        EventBus.dispatch('refresh', 'quoterefresh');
+        EventBus.dispatch('refresh', 'backgroundrefresh');
+        break;
+      default:
+        window.location.reload();
+    }
+  }
+
   render() {
     const backgroundEnabled = (localStorage.getItem('background') === 'true');
   
@@ -53,9 +71,9 @@ export default class Navbar extends PureComponent {
           </Tooltip>
         : null}
   
-        {(localStorage.getItem('refresh') === 'true') ?
+        {(this.refreshValue !== 'false') ?
           <Tooltip title={window.language.widgets.navbar.tooltips.refresh}>
-            <RefreshRounded className='refreshicon topicons' onClick={() => window.location.reload()}/>
+            <RefreshRounded className='refreshicon topicons' onClick={() => this.refresh()}/>
           </Tooltip>
         : null}
   

src/components/widgets/quote/Quote.jsx

@@ -226,6 +226,10 @@ export default class Quote extends PureComponent {
       if (data === 'marketplacequoteuninstall') {
         this.init();
       }
+
+      if (data === 'quoterefresh') {
+        this.getQuote();
+      }
     });
 
     const interval = localStorage.getItem('quotechange');