astuto/app/javascript/containers/GeneralSiteSettings.tsx

import { connect } from "react-redux";

import { requestTenant } from "../actions/Tenant/requestTenant";
import {
  changeSiteSettingsGeneralFormBrandSetting,
  changeSiteSettingsGeneralFormLocale,
  changeSiteSettingsGeneralFormSiteLogo,
  changeSiteSettingsGeneralFormSiteName
} from "../actions/changeSiteSettingsGeneralForm";
import GeneralSiteSettingsP from "../components/SiteSettings/General/GeneralSiteSettingsP";
import { State } from "../reducers/rootReducer";
import { updateTenant } from "../actions/Tenant/updateTenant";

const mapStateToProps = (state: State) => ({
  form: state.siteSettings.general.form,
  areDirty: state.siteSettings.general.areDirty,
  areLoading: state.siteSettings.general.areLoading,
  areUpdating: state.siteSettings.general.areUpdating,
  error: state.siteSettings.general.error,
});

const mapDispatchToProps = (dispatch: any) => ({
  requestTenant() {
    dispatch(requestTenant());
  },

  updateTenant(
    siteName: string,
    siteLogo: string,
    brandDisplaySetting: string,
    locale: string,
    authenticityToken: string
  ): Promise<any> {
    return dispatch(updateTenant({
      siteName,
      siteLogo,
      brandDisplaySetting,
      locale,
      authenticityToken,
    }));
  },

  handleChangeSiteName(siteName: string) {
    dispatch(changeSiteSettingsGeneralFormSiteName(siteName));
  },

  handleChangeSiteLogo(siteLogo: string) {
    dispatch(changeSiteSettingsGeneralFormSiteLogo(siteLogo));
  },

  handleChangeBrandDisplaySetting(brandDisplaySetting: string) {
    dispatch(changeSiteSettingsGeneralFormBrandSetting(brandDisplaySetting));
  },

  handleChangeLocale(locale: string) {
    dispatch(changeSiteSettingsGeneralFormLocale(locale));
  },
});

export default connect(
  mapStateToProps,
  mapDispatchToProps
)(GeneralSiteSettingsP);