replace some of the status.im theme with general config options

This commit is contained in:
Matthew Hodgson 2017-11-11 23:46:43 +00:00
parent a0cdaf29f9
commit 2827bc0718
7 changed files with 37 additions and 24 deletions

View file

@ -24,7 +24,6 @@ import Modal from "../../../Modal";
import MatrixClientPeg from "../../../MatrixClientPeg";
import PasswordReset from "../../../PasswordReset";
import UserSettingsStore from "../../../UserSettingsStore";
module.exports = React.createClass({
displayName: 'ForgotPassword',
@ -184,10 +183,8 @@ module.exports = React.createClass({
</div>
);
} else {
let theme = UserSettingsStore.getTheme();
let serverConfigSection;
if (theme !== 'status') {
if (!config.disable_custom_urls) {
serverConfigSection = (
<ServerConfig ref="serverConfig"
withToggleButton={true}

View file

@ -24,6 +24,7 @@ import sdk from '../../../index';
import Login from '../../../Login';
import UserSettingsStore from '../../../UserSettingsStore';
import PlatformPeg from '../../../PlatformPeg';
import SdkConfig from '../../../SdkConfig';
// For validating phone numbers without country codes
const PHONE_NUMBER_REGEX = /^[0-9\(\)\-\s]*$/;
@ -105,12 +106,17 @@ module.exports = React.createClass({
if (error.httpStatus == 400 && usingEmail) {
errorText = _t('This Home Server does not support login using email address.');
} else if (error.httpStatus === 401 || error.httpStatus === 403) {
const theme = UserSettingsStore.getTheme();
if (theme === "status") {
if (SdkConfig.get().disable_custom_urls) {
errorText = (
<div>
<div>Incorrect username and/or password.</div>
<div className="mx_Login_smallError">Please note you are logging into the matrix.status.im server, not matrix.org.</div>
<div>{ _t('Incorrect username and/or password.') }</div>
<div className="mx_Login_smallError">
{ _t('Please note you are logging into the %(hs)s server, not matrix.org.',
{
hs: this.props.defaultHsUrl.replace(/^https?:\/\//, '')
})
}
</div>
</div>
);
} else {
@ -345,10 +351,8 @@ module.exports = React.createClass({
const ServerConfig = sdk.getComponent("login.ServerConfig");
const loader = this.state.busy ? <div className="mx_Login_loader"><Loader /></div> : null;
const theme = UserSettingsStore.getTheme();
let loginAsGuestJsx;
if (this.props.enableGuest && theme !== 'status') {
if (this.props.enableGuest) {
loginAsGuestJsx =
<a className="mx_Login_create" onClick={this._onLoginAsGuestClick} href="#">
{ _t('Login as guest') }
@ -366,9 +370,7 @@ module.exports = React.createClass({
}
*/
let serverConfig;
let header;
if (theme !== 'status') {
if (!SdkConfig.get().disable_custom_urls) {
serverConfig = <ServerConfig ref="serverConfig"
withToggleButton={true}
customHsUrl={this.props.customHsUrl}
@ -377,7 +379,14 @@ module.exports = React.createClass({
defaultIsUrl={this.props.defaultIsUrl}
onServerConfigChange={this.onServerConfigChange}
delayTimeMs={1000} />;
}
let serverConfig;
let header;
// FIXME: remove status.im theme tweaks
const theme = UserSettingsStore.getTheme();
if (theme !== "status") {
header = <h2>{ _t('Sign in') }</h2>;
}
else {
@ -409,7 +418,7 @@ module.exports = React.createClass({
</a>
{ loginAsGuestJsx }
{ returnToAppJsx }
{ theme !== 'status' ? this._renderLanguageSetting() : '' }
{ !SdkConfig.get().disable_login_language_selector ? this._renderLanguageSetting() : '' }
<LoginFooter />
</div>
</div>

View file

@ -27,6 +27,7 @@ import RegistrationForm from '../../views/login/RegistrationForm';
import RtsClient from '../../../RtsClient';
import { _t } from '../../../languageHandler';
import UserSettingsStore from '../../../UserSettingsStore';
import SdkConfig from '../../../SdkConfig';
const MIN_PASSWORD_LENGTH = 6;
@ -351,7 +352,7 @@ module.exports = React.createClass({
registerBody = <Spinner />;
} else {
let serverConfigSection;
if (theme !== 'status') {
if (!SdkConfig.get().disable_custom_urls) {
serverConfigSection = (
<ServerConfig ref="serverConfig"
withToggleButton={true}
@ -397,6 +398,7 @@ module.exports = React.createClass({
let header;
let errorText;
// FIXME: remove hardcoded Status team tweaks at some point
if (theme === 'status' && this.state.errorText) {
header = <div className="mx_Login_error">{ this.state.errorText }</div>;
}