qnub / meteor-accounts-react-material-ui Goto Github PK

Firstly, thanks very much for contributing this component/package -- it seems to be exactly what I'm looking for; although, I'm running into a couple of issues utilizing it that I'm hoping you can help me with.

I'm using Meteor with React and React-Router. I've setup a route for the Login like so:

<Router history={ReactRouter.lib.BrowserHistory.history}>
        <Route name="home" path="/login" component={Accounts.ui.LoginFormSet}/>
</Router>

Using Material-UI, I have constructed a Toolbar within which I have included the Login and Logout buttons for this Meteor-Accounts-React-Material-UI package:

injectTapEventPlugin();
TopBar = React.createClass({  
  mixins: [ReactMeteorData],
  getInitialState: function() {
      return {};
  },
  getMeteorData() {
    return {
      currentUser: Meteor.user()
    };
  },
  childContextTypes: {
    muiTheme: React.PropTypes.object
  },
  getChildContext: function() {
    return {
      muiTheme: ThemeManager.getMuiTheme(Styles.LightRawTheme)
    };
  },
  render: function () {
    return (
      <Toolbar>
          {this.data.currentUser ? <RaisedButton label="Log Out" onClick={Meteor.logout()} /> : <RaisedButton label="Log In" linkButton={true} href="/login" />}
      </Toolbar>
    );
  }
});

When I click the Log In button, I'm routed to the Log In screen as expected.

I'm experiencing two issues:

1. When I successfully login, after about 3 seconds, I'm automatically logged out. In my javascript console, I can type in Meteor.userId() immediately after logging in and I get back a value; however, after a few seconds, the login screen is displayed again and when I type in Meteor.userId() into the console I get back null.
2. When I successfully login, I'm presented with the Change Password screen. How do I specify to return back to the route I was on last before the Log In button was pressed? Your example showed passing a value to the redirect property of the Accounts.ui.LoginFormSet component in the context of FlowRouter; however, I'm not sure what I'm supposed to supply to this property in the context of React-Router -- is this component compatible with React-Router?

It would actually be great to see a sample application like the Meteor-React To Do list that incorporates this meteor-accounts-react-material-ui component.

Thank you in advance!

• Sadiq

Hi,
I really like your package, but unfortunately its currently using old versions of react (loaded in meteor) and material-ui (v0.13.x).
Would it be possible to upgrade to the latest React (v15.1.0) loaded from npm, and the current material-ui (v.15.0) ?
I'm a newbie at meteor and javascript, but if I can help, please let me know.

I really like your this component, but I still inexperienced, but depending on your method I use this component, it does not appear on the page.I hope you can publish a detailed usage

in Package.js

DEFAULT_LANGUAGES = ['ar', 'zh_cn', 'ca', 'cs', 'da', 'de', 'el', 'en', 'es',
'es_ES', 'fa', 'fr', 'he', 'hr', 'hu', 'id', 'it', 'ja', 'kh', 'ko', 'pl', 'pt', 'pt_PT', 'ro',
'ru', 'sk', 'sl', 'sv', 'tr', 'uk', 'vi', 'no_NB', 'nl', 'zh_tw', 'zh_hk'];

missing 'zh-cn'