mirror of
https://github.com/scratchfoundation/scratch-www.git
synced 2024-12-12 00:31:11 -05:00
6872cfc51f
addresses most comments except modal refactor, and error response from sumitting report. * restore gui as a dev dependency * better separation of view container/presentation * replace absolute heights for textareas with making all sub components `display: flex` * start to make presentation more modular added subcomponents to the view folder: * share-banner (moved from components) * remix-credit * remix-list * studio-list
30 lines
922 B
JavaScript
30 lines
922 B
JavaScript
const PropTypes = require('prop-types');
|
|
const React = require('react');
|
|
const FlexRow = require('../../components/flex-row/flex-row.jsx');
|
|
const Button = require('../../components/forms/button.jsx');
|
|
|
|
require('./share-banner.scss');
|
|
|
|
const ShareBanner = props => {
|
|
if (props.shared) return null;
|
|
return (
|
|
<div className="shareBanner">
|
|
<div className="inner">
|
|
<FlexRow className="preview-row">
|
|
<span className="share-text">
|
|
This project is not shared — so only you can see it. Click share to let everyone see it!
|
|
</span>
|
|
<Button className="button share-button">
|
|
Share
|
|
</Button>
|
|
</FlexRow>
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
ShareBanner.propTypes = {
|
|
shared: PropTypes.bool.isRequired
|
|
};
|
|
|
|
module.exports = ShareBanner;
|