Add language chooser to conf footer

thanks @jwzimmer!
This commit is contained in:
Matthew Taylor 2017-02-22 10:31:40 -05:00
parent 1b0de13d63
commit dd940235cd
2 changed files with 13 additions and 3 deletions

View file

@ -1,7 +1,12 @@
var React = require('react'); var React = require('react');
var ReactIntl = require('react-intl');
var injectIntl = ReactIntl.injectIntl;
var FormattedMessage = ReactIntl.FormattedMessage;
var FlexRow = require('../../../flex-row/flex-row.jsx'); var FlexRow = require('../../../flex-row/flex-row.jsx');
var FooterBox = require('../../container/footer.jsx'); var FooterBox = require('../../container/footer.jsx');
var LanguageChooser = require('../../../languagechooser/languagechooser.jsx');
require('../footer.scss'); require('../footer.scss');
@ -12,7 +17,7 @@ var ConferenceFooter = React.createClass({
<FooterBox> <FooterBox>
<FlexRow className="scratch-links"> <FlexRow className="scratch-links">
<div className="family"> <div className="family">
<h4>Scratch Family</h4> <h4><FormattedMessage id='footer.scratchFamily' /></h4>
<FlexRow> <FlexRow>
<FlexRow as="ul" className="column"> <FlexRow as="ul" className="column">
<li> <li>
@ -37,7 +42,7 @@ var ConferenceFooter = React.createClass({
</FlexRow> </FlexRow>
</FlexRow> </FlexRow>
<p className="legal"> <p className="legal">
Scratch is a project of the Lifelong Kindergarten Group at the MIT Media Lab. <FormattedMessage id='general.copyright' />
</p> </p>
</div> </div>
<div className="media"> <div className="media">
@ -70,9 +75,10 @@ var ConferenceFooter = React.createClass({
</div> </div>
</div> </div>
</FlexRow> </FlexRow>
<LanguageChooser locale={this.props.intl.locale} />
</FooterBox> </FooterBox>
); );
} }
}); });
module.exports = ConferenceFooter; module.exports = injectIntl(ConferenceFooter);

View file

@ -158,4 +158,8 @@
} }
} }
} }
.language-chooser {
text-align: center;
}
} }