mirror of
https://github.com/scratchfoundation/scratch-www.git
synced 2024-11-23 15:47:53 -05:00
Add language chooser to conf footer
thanks @jwzimmer!
This commit is contained in:
parent
1b0de13d63
commit
dd940235cd
2 changed files with 13 additions and 3 deletions
|
@ -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);
|
||||||
|
|
|
@ -158,4 +158,8 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.language-chooser {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue