import React from "react";
import { connect } from "react-redux";
import { doClearCache, doChangeLanguage } from "actions/app";
import {
  doSetDaemonSetting,
  doSetClientSetting,
  doResolveLanguage,
} from "actions/settings";
import {
  selectDaemonSettings,
  selectShowNsfw,
  selectLocalLanguages,
  selectResolvedLanguages,
} from "selectors/settings";
import { selectCurrentLanguage } from "selectors/app";
import SettingsPage from "./view";

const select = state => ({
  daemonSettings: selectDaemonSettings(state),
  showNsfw: selectShowNsfw(state),
  language: selectCurrentLanguage(state),
  localLanguages: selectLocalLanguages(state),
  resolvedLanguages: selectResolvedLanguages(state),
});

const perform = dispatch => ({
  setDaemonSetting: (key, value) => dispatch(doSetDaemonSetting(key, value)),
  clearCache: () => dispatch(doClearCache()),
  setClientSetting: (key, value) => dispatch(doSetClientSetting(key, value)),
  changeLanguage: newLanguage => dispatch(doChangeLanguage(newLanguage)),
  resolveLanguage: lang => dispatch(doResolveLanguage(lang)),
});

export default connect(select, perform)(SettingsPage);