Add Site settings > General (#133)

app/javascript/containers/GeneralSiteSettings.tsx

@@ -0,0 +1,63 @@
+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);