2018-09-24 10:58:39 -04:00
|
|
|
const FormattedDate = require('react-intl').FormattedDate;
|
|
|
|
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');
|
|
|
|
const AddToStudioModal = require('../../components/modal/addtostudio/container.jsx');
|
|
|
|
const ReportModal = require('../../components/modal/report/modal.jsx');
|
|
|
|
|
|
|
|
const projectShape = require('./projectshape.jsx').projectShape;
|
|
|
|
|
2018-09-24 15:28:10 -04:00
|
|
|
require('./subactions.scss');
|
|
|
|
|
2018-09-24 10:58:39 -04:00
|
|
|
const Subactions = props => {
|
|
|
|
const shareDate = ((props.projectInfo.history && props.projectInfo.history.shared)) ?
|
|
|
|
props.projectInfo.history.shared : '';
|
|
|
|
return (
|
|
|
|
<FlexRow className="subactions">
|
|
|
|
<div className="share-date">
|
|
|
|
<div className="copyleft">©</div>
|
|
|
|
{' '}
|
|
|
|
{/* eslint-disable react/jsx-sort-props */}
|
|
|
|
{shareDate === null ?
|
|
|
|
'Unshared' :
|
|
|
|
<FormattedDate
|
|
|
|
value={Date.parse(shareDate)}
|
|
|
|
day="2-digit"
|
|
|
|
month="short"
|
|
|
|
year="numeric"
|
|
|
|
/>
|
|
|
|
}
|
|
|
|
{/* eslint-enable react/jsx-sort-props */}
|
|
|
|
</div>
|
|
|
|
<FlexRow className="action-buttons">
|
|
|
|
{(props.isLoggedIn && props.userOwnsProject) &&
|
|
|
|
<React.Fragment>
|
|
|
|
<Button
|
|
|
|
className="action-button studio-button"
|
|
|
|
key="add-to-studio-button"
|
|
|
|
onClick={props.onAddToStudioClicked}
|
|
|
|
>
|
|
|
|
Add to Studio
|
|
|
|
</Button>,
|
|
|
|
<AddToStudioModal
|
|
|
|
isOpen={props.addToStudioOpen}
|
|
|
|
key="add-to-studio-modal"
|
|
|
|
studios={props.studios}
|
|
|
|
onRequestClose={props.onAddToStudioClosed}
|
|
|
|
onToggleStudio={props.onToggleStudio}
|
|
|
|
/>
|
|
|
|
</React.Fragment>
|
|
|
|
}
|
|
|
|
<Button className="action-button copy-link-button">
|
|
|
|
Copy Link
|
|
|
|
</Button>
|
|
|
|
{(props.isLoggedIn && !props.userOwnsProject) &&
|
|
|
|
<React.Fragment>
|
|
|
|
<Button
|
|
|
|
className="action-button report-button"
|
|
|
|
key="report-button"
|
|
|
|
onClick={props.onReportClicked}
|
|
|
|
>
|
|
|
|
Report
|
|
|
|
</Button>,
|
|
|
|
<ReportModal
|
|
|
|
isOpen={props.reportOpen}
|
|
|
|
key="report-modal"
|
|
|
|
type="project"
|
|
|
|
onReport={props.onReportSubmit}
|
|
|
|
onRequestClose={props.onReportClose}
|
|
|
|
/>
|
|
|
|
</React.Fragment>
|
|
|
|
}
|
|
|
|
</FlexRow>
|
|
|
|
</FlexRow>
|
|
|
|
);
|
|
|
|
};
|
|
|
|
|
|
|
|
Subactions.propTypes = {
|
2018-09-25 17:16:02 -04:00
|
|
|
addToStudioOpen: PropTypes.bool,
|
|
|
|
isLoggedIn: PropTypes.bool,
|
|
|
|
onAddToStudioClicked: PropTypes.func,
|
|
|
|
onAddToStudioClosed: PropTypes.func,
|
2018-09-24 10:58:39 -04:00
|
|
|
onReportClicked: PropTypes.func.isRequired,
|
|
|
|
onReportClose: PropTypes.func.isRequired,
|
|
|
|
onReportSubmit: PropTypes.func.isRequired,
|
2018-09-25 17:16:02 -04:00
|
|
|
onToggleStudio: PropTypes.func,
|
|
|
|
projectInfo: projectShape,
|
|
|
|
reportOpen: PropTypes.bool,
|
|
|
|
studios: PropTypes.arrayOf(PropTypes.object),
|
|
|
|
userOwnsProject: PropTypes.bool
|
|
|
|
|
2018-09-24 10:58:39 -04:00
|
|
|
};
|
|
|
|
|
|
|
|
module.exports = Subactions;
|