WIP translations update

src/components/modals/Feedback.jsx

@@ -3,21 +3,21 @@ import React from 'react';
 export default function FeedbackModal(props) {
     return (
         <div className='feedback'>
-          <h1>Give us feedback</h1>
+          <h1>{props.language.modals.feedback.title}</h1>
           <span className='closeModal' onClick={props.modalClose}>&times;</span>
-           <label>How would you rate your experience of this Mue Build?</label>
+           <label>{props.language.modals.feedback.question_one}</label>
            <br/><br/>
            <label className='values'>0</label><input className='range' type='range' min='0' max='100' /><label className='values'>10</label>
            <br/><br/>
-           <label>What bugs did you encounter in your use of Mue?</label>
+           <label>{props.language.modals.feedback.question_two}</label>
            <br/><br/>
            <input type='text'/>
            <br/><br/>
-           <label>How likely would you be to recommend this version of Mue to a friend or colleague?</label>
+           <label>{props.language.modals.feedback.question_three}</label>
            <br/><br/>
            <label className='values'>0</label><input className='range' type='range' min='0' max='100' /><label className='values'>10</label>
            <br/><br/><br/>
-           <button>Submit</button>
+           <button>{props.language.modals.feedback.submit}</button>
        </div>
     );
 }

src/components/modals/Main.jsx

@@ -11,16 +11,16 @@ export default class MainModal extends React.PureComponent {
     return (
       <div className='modal'>
         <span className='closeModal' onClick={this.props.modalClose}>&times;</span>
-        <h1>{this.props.language.modals.title}</h1>
+        <h1>Options</h1>
         <div>
           <Navigation navbar={true}>
-            <div label='Settings'>
-              <Settings language={this.props.language.settings} toastLanguage={this.props.language.toasts} />
+            <div label={this.props.language.modals.main.navbar.settings}>
+              <Settings language={this.props.language.modals.main.settings} toastLanguage={this.props.language.toasts} />
             </div>
-            <div label='My Add-ons'>
+            <div label={this.props.language.modals.main.navbar.addons}>
               <Addons/>
             </div>
-            <div label='Marketplace'>
+            <div label={this.props.language.modals.main.navbar.marketplace}>
               <Marketplace/>
             </div>
           </Navigation>

src/components/modals/settings/sections/About.jsx

@@ -4,6 +4,8 @@ import Tooltip from '@material-ui/core/Tooltip';
 
 import * as Constants from '../../../../modules/constants';
 
+const other_contributors = require('../../../../modules/other_contributors.json');
+
 export default class About extends React.PureComponent {
   constructor(...args) {
     super(...args);
@@ -49,6 +51,11 @@ export default class About extends React.PureComponent {
                 <a href={'https://github.com/' + item.login} target='_blank' rel='noopener noreferrer'><img draggable='false' className='abouticon' src={item.avatar_url + '&size=256'} alt={item.login}></img></a>
             </Tooltip>
           )}
+          {other_contributors.map((item) => // for those who contributed without opening a pull request
+            <Tooltip title={item.login} placement='top' key={item.login}>
+                <a href={'https://github.com/' + item.login} target='_blank' rel='noopener noreferrer'><img draggable='false' className='abouticon' src={item.avatar_url + '&size=256'} alt={item.login}></img></a>
+            </Tooltip>
+          )}
           <h3>Supporters</h3>
           <p>to be implemented</p>
       </div>

src/components/modals/settings/sections/Quote.jsx

@@ -5,12 +5,12 @@ import Checkbox from '../Checkbox';
 export default function QuoteSettings (props) {
   return (
     <div>
-      <h2>Quote</h2>
+      <h2>{props.language.title}</h2>
       <Checkbox name='greeting' text={'Enabled'}></Checkbox>
-      <h3>Buttons</h3>
-      <Checkbox name='copyButton' text={props.language.quote.copy} />
-      <Checkbox name='tweetButton' text={props.language.quote.tweet} />
-      <Checkbox name='favouriteQuoteEnabled' text={props.language.quote.favourite} />
+      <h3>{props.language.buttons}</h3>
+      <Checkbox name='copyButton' text={props.language.copy} />
+      <Checkbox name='tweetButton' text={props.language.tweet} />
+      <Checkbox name='favouriteQuoteEnabled' text={props.language.favourite} />
     </div>
   );
 }

src/components/modals/settings/sections/Time.jsx

@@ -6,15 +6,15 @@ import Dropdown from '../Dropdown';
 export default function TimeSettings (props) {
   return (
     <div>
-      <h2>Time</h2>
+      <h2>{props.language.title}</h2>
       <Checkbox name='time' text='Enabled' />
-      <Checkbox name='seconds' text={props.language.time.seconds} />
-      <Checkbox name='24hour' text={props.language.time.twentyfourhour} />
-      <Checkbox name='ampm' text={props.language.time.ampm} />
-      <Checkbox name='zero' text={props.language.time.zero} />
-      <Checkbox name='analog' text={props.language.time.analog} />
-      <Checkbox name='percentageComplete' text={props.language.time.percentageComplete} />
-      <h3>Date</h3>
+      <Checkbox name='seconds' text={props.language.seconds} />
+      <Checkbox name='24hour' text={props.language.twentyfourhour} />
+      <Checkbox name='ampm' text={props.language.ampm} />
+      <Checkbox name='zero' text={props.language.zero} />
+      <Checkbox name='analog' text={props.language.analog} />
+      <Checkbox name='percentageComplete' text={props.language.percentageComplete} />
+      <h3>{props.language.date.title}</h3>
       <Checkbox name='date' text='Enabled' />
       <Checkbox name='short' text={props.language.date.short_date} betaFeature={true} />
       <Dropdown label={props.language.date.short_format} name='dateFormat' id='dateformat' onChange={() => localStorage.setItem('dateFormat', document.getElementById('dateformat').value)}>

src/components/modals/tabs/Settings.jsx

@@ -15,31 +15,31 @@ export default function Settings (props) {
     return (
       <React.Fragment>
         <SettingsTabs>
-          <div label='Time'>
-            <Time language={props.language}/>
+          <div label={props.language.sections.time.title}>
+            <Time language={props.language.sections.time}/>
           </div>
-          <div label='Quote'>
-            <Quote language={props.language}/>
+          <div label={props.language.sections.quote.title}>
+            <Quote language={props.language.sections.quote}/>
           </div>
-          <div label='Greeting'>
+          <div label={props.language.sections.greeting.title}>
             <Greeting language={props.language} toastLanguage={props.toastLanguage} />
           </div>
-          <div label='Background'>
+          <div label={props.language.sections.background.title}>
             <Background language={props.language} toastLanguage={props.toastLanguage}/>
           </div>
-          <div label='Search'>
+          <div label={props.language.sections.search.title}>
             <Search language={props.language}/>
           </div>
-          <div label='Appearance'>
+          <div label={props.language.sections.appearance}>
             <Appearance language={props.language} toastLanguage={props.toastLanguage}/>
           </div>
-          <div label='Language'>
+          <div label={props.language.sections.language}>
             <Language language={props.language}/>
           </div>
-          <div label='Change Log'>
+          <div label={props.language.sections.changelog}>
             <About/>
           </div>
-          <div label='About'>
+          <div label={props.language.sections.about.title}>
             <About/>
           </div>
         </SettingsTabs>