Browse Source

Rename LoginPage, Header, Footer views to Auth*

pull/8224/head
J. Ryan Stinnett 3 years ago
parent
commit
41adcdc898
  1. 4
      res/themes/status/css/_StatusLogin.scss
  2. 7
      src/components/views/auth/VectorAuthFooter.js
  3. 9
      src/components/views/auth/VectorAuthHeader.js

4
res/themes/status/css/_StatusLogin.scss

@ -106,7 +106,7 @@ limitations under the License.
text-align: center;
}
.mx_Login_logo {
.mx_AuthHeader_logo {
background-color: #fff;
width: 74px;
height: 74px;
@ -118,7 +118,7 @@ limitations under the License.
margin-left: -36px;
}
.mx_Login_logo img {
.mx_AuthHeader_logo img {
width: 36px;
height: 36px;
padding: 19px;

7
src/components/views/auth/VectorLoginFooter.js → src/components/views/auth/VectorAuthFooter.js

@ -1,5 +1,6 @@
/*
Copyright 2015, 2016 OpenMarket Ltd
Copyright 2019 New Vector Ltd
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
@ -21,9 +22,9 @@ import { _t } from 'matrix-react-sdk/lib/languageHandler';
import SettingsStore from 'matrix-react-sdk/lib/settings/SettingsStore';
module.exports = React.createClass({
displayName: 'VectorLoginFooter',
displayName: 'VectorAuthFooter',
statics: {
replaces: 'LoginFooter',
replaces: 'AuthFooter',
},
render: function() {
@ -32,7 +33,7 @@ module.exports = React.createClass({
if (SettingsStore.getValue("theme") === 'status') return <div />;
return (
<div className="mx_Login_links">
<div className="mx_AuthFooter">
<a href="https://medium.com/@RiotChat">blog</a>&nbsp;&nbsp;&middot;&nbsp;&nbsp;
<a href="https://twitter.com/@RiotChat">twitter</a>&nbsp;&nbsp;&middot;&nbsp;&nbsp;
<a href="https://github.com/vector-im/riot-web">github</a>&nbsp;&nbsp;&middot;&nbsp;&nbsp;

9
src/components/views/auth/VectorLoginHeader.js → src/components/views/auth/VectorAuthHeader.js

@ -1,5 +1,6 @@
/*
Copyright 2015, 2016 OpenMarket Ltd
Copyright 2019 New Vector Ltd
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
@ -23,9 +24,9 @@ const i = [1, 2, 3, 4, 5][Math.floor(Math.random() * 5)];
const DEFAULT_LOGO_URI = "themes/riot/img/logos/riot-im-logo-" + i + ".svg";
module.exports = React.createClass({
displayName: 'VectorLoginHeader',
displayName: 'VectorAuthHeader',
statics: {
replaces: 'LoginHeader',
replaces: 'AuthHeader',
},
propTypes: {
icon: PropTypes.string,
@ -33,8 +34,8 @@ module.exports = React.createClass({
render: function() {
return (
<div className="mx_Login_header">
<div className="mx_Login_logo">
<div className="mx_AuthHeader">
<div className="mx_AuthHeader_logo">
<img src={this.props.icon || DEFAULT_LOGO_URI} alt="Riot" />
</div>
</div>
Loading…
Cancel
Save