import React, { Component } from 'react';

import Button from './Button';
import SettingsDictionaries from './SettingsDictionaries';
import SettingsSubOrder from './SettingsSubOrder';

import './Settings.css';

export default class Settings extends Component {
  render() {
    const {mainState, actions, history} = this.props;

    return (
      <div>
        <div className="Settings-section">
          <h2 className="Settings-section-title">Collections</h2>
          <Button onClick={() => {history.push('/add_collection'); }}>Add Collection</Button>&nbsp;
        </div>
        <div className="Settings-section">
          <h2 className="Settings-section-title">Dictionaries</h2>
          <SettingsDictionaries history={history} dictionaries={mainState.dictionaries} disabledDictionaries={mainState.preferences.disabledDictionaries} onEnableDictionary={(name) => { actions.setPreferenceEnableDictionary(name); }} onDisableDictionary={(name) => { actions.setPreferenceDisableDictionary(name); }} onSetDictionaryOrder={(names) => { actions.setPreferenceDictionaryOrder(names); }} onDeleteDictionary={(name) => { actions.deleteDictionary(name); }} />
        </div>
        <div className="Settings-section">
          <h2 className="Settings-section-title">Subtitle Language Order</h2>
          <SettingsSubOrder subtitleOrder={mainState.preferences.subtitleOrder} onSetOrder={order => { actions.setPreferenceSubtitleOrder(order) }} />
        </div>
      </div>
    );
  }
}

@@ -181,32 +181,140 @@
 r';%0A
-%0Aimport './Settings.css'
+import SystemBrowserLink from './SystemBrowserLink.js';%0A%0Aimport './Settings.css';%0A%0Aconst %7B app %7D = window.require('electron').remote
 ;%0A%0Ae
@@ -1556,24 +1556,827 @@
      %3C/div%3E%0A
+        %3Cdiv className=%22Settings-section%22%3E%0A          %3Ch2 className=%22Settings-section-title%22%3EMisc%3C/h2%3E%0A          %3Cdiv%3EYou're running Voracious version %7Bapp.getVersion()%7D%3C/div%3E%0A        %3C/div%3E%0A        %3Cdiv className=%22Settings-section%22%3E%0A          %3Ch2 className=%22Settings-section-title%22%3EAcknowledgements%3C/h2%3E%0A          %3Cdiv%3E%0A            Voracious includes a copy of the %3CSystemBrowserLink href=%22http://www.edrdg.org/jmdict/j_jmdict.html%22%3EJMdict%3C/SystemBrowserLink%3E Japanese dictionary, which is the property of the %3CSystemBrowserLink href=%22http://www.edrdg.org/%22%3EElectronic Dictionary Research and Development Group%3C/SystemBrowserLink%3E, and is used in conformance with the Group's %3CSystemBrowserLink href=%22http://www.edrdg.org/edrdg/licence.html%22%3Elicense%3C/SystemBrowserLink%3E.%0A          %3C/div%3E%0A        %3C/div%3E%0A
       %3C/div%3E

Add JMDict ack and show version number