From 960181fd99cad30f860356a04d8237c19e9c82c8 Mon Sep 17 00:00:00 2001 From: Eugen Rochko Date: Tue, 11 Apr 2017 21:24:17 +0200 Subject: Fix look of the modals --- .../features/ui/components/boost_modal.jsx | 59 +++++++++++++--------- 1 file changed, 36 insertions(+), 23 deletions(-) (limited to 'app/assets/javascripts/components/features/ui') diff --git a/app/assets/javascripts/components/features/ui/components/boost_modal.jsx b/app/assets/javascripts/components/features/ui/components/boost_modal.jsx index 8b9154183..023abc6ac 100644 --- a/app/assets/javascripts/components/features/ui/components/boost_modal.jsx +++ b/app/assets/javascripts/components/features/ui/components/boost_modal.jsx @@ -1,27 +1,21 @@ import PureRenderMixin from 'react-addons-pure-render-mixin'; import ImmutablePropTypes from 'react-immutable-proptypes'; -import { defineMessages, injectIntl } from 'react-intl'; +import { defineMessages, injectIntl, FormattedMessage } from 'react-intl'; import IconButton from '../../../components/icon_button'; import Button from '../../../components/button'; -import DetailedStatus from '../../status/components/detailed_status'; +import StatusContent from '../../../components/status_content'; +import Avatar from '../../../components/avatar'; +import RelativeTimestamp from '../../../components/relative_timestamp'; +import DisplayName from '../../../components/display_name'; const messages = defineMessages({ - close: { id: 'lightbox.close', defaultMessage: 'Close' }, reblog: { id: 'status.reblog', defaultMessage: 'Boost' } }); -const closeStyle = { - position: 'absolute', - top: '4px', - right: '4px' -}; - -const buttonContainerStyle = { - textAlign: 'right', - padding: '10px' -}; - const BoostModal = React.createClass({ + contextTypes: { + router: React.PropTypes.object + }, propTypes: { status: ImmutablePropTypes.map.isRequired, @@ -37,23 +31,42 @@ const BoostModal = React.createClass({ this.props.onClose(); }, - handleOpenMedia() { - // do nothing" + handleAccountClick (e) { + if (e.button === 0) { + e.preventDefault(); + this.props.onClose(); + this.context.router.push(`/accounts/${this.props.status.getIn(['account', 'id'])}`); + } }, render () { const { status, intl, onClose } = this.props; - const reblogButton = {intl.formatMessage(messages.reblog)}; - return (
- -
- +
+
+
+
+ +
+ + +
+ +
+ + +
+
+ + +
-
-
); -- cgit