Commit bb2f3aa2 authored by MrMan's avatar MrMan

Resolves #4, converted all pages, fuzzy date

parent 6fdaba8e
......@@ -4,10 +4,12 @@ import FBAuthStore from "../stores/fb-auth";
import Actions from "../actions";
import Constants from "../constants";
import { parseLocationHashForLoginResp } from "../util";
import { generateI18NTemplateFn } from "../i18n";
class LoginPage extends React.Component {
constructor(props, context) {
super(props);
this.i18n = generateI18NTemplateFn("en-US");
console.log("[LOGIN PAGE COMPONENT] Initializing LoginPage!");
// Detect if the page was loaded as a result of a FB login
......@@ -51,10 +53,10 @@ class LoginPage extends React.Component {
return (
<div className={`full-height ${appBgClass}`}>
<div className="row">
<h1 className="slim-text no-top-margin">Kindling</h1>
<h2 className="slim-text">Unofficial Tinder&#8482; client for FirefoxOS</h2>
<h1 className="slim-text no-top-margin">{this.i18n`app.name`}</h1>
<h2 className="slim-text">{this.i18n`app.subtitle`}</h2>
<button onClick={this.doLogin.bind(this)} className="pure-button button-fb">
<i className="fa fa-facebook-square"></i> Login
<i className="fa fa-facebook-square"></i> {this.i18n`pages.login.login`}
</button>
</div>
</div>
......
......@@ -6,6 +6,7 @@ class MomentFuzzyDate extends React.Component {
constructor(props) {
super(props);
this.state = {date: props.date || null};
moment.locale('en'); // Set default locale
}
render() {
......
......@@ -35,6 +35,9 @@ export default {
undoChanges: "Undo all changes",
inbetweenAges: "to"
},
login: {
login: "Login"
},
matches: {
friendsInCommon: "{} friends in common",
commonInterests: "{} common interests",
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment