diff options
author | Christopher Speller <crspeller@gmail.com> | 2017-09-06 23:04:13 -0700 |
---|---|---|
committer | Christopher Speller <crspeller@gmail.com> | 2017-09-06 23:11:58 -0700 |
commit | d8bd57901e33a7057e26e782e295099ffcc0da89 (patch) | |
tree | e12dfc8cad42b1576756d19d7fbfd82646a009bf /webapp/components/post_view/post_flag_icon.jsx | |
parent | 7bc8e9a08dfde56387f946fdf5086252aa4d0491 (diff) | |
download | chat-d8bd57901e33a7057e26e782e295099ffcc0da89.tar.gz chat-d8bd57901e33a7057e26e782e295099ffcc0da89.tar.bz2 chat-d8bd57901e33a7057e26e782e295099ffcc0da89.zip |
Removing webapp
Diffstat (limited to 'webapp/components/post_view/post_flag_icon.jsx')
-rw-r--r-- | webapp/components/post_view/post_flag_icon.jsx | 95 |
1 files changed, 0 insertions, 95 deletions
diff --git a/webapp/components/post_view/post_flag_icon.jsx b/webapp/components/post_view/post_flag_icon.jsx deleted file mode 100644 index 02f8feb53..000000000 --- a/webapp/components/post_view/post_flag_icon.jsx +++ /dev/null @@ -1,95 +0,0 @@ -// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved. -// See License.txt for license information. - -import React from 'react'; -import PropTypes from 'prop-types'; -import {FormattedMessage} from 'react-intl'; -import {Tooltip, OverlayTrigger} from 'react-bootstrap'; - -import {flagPost, unflagPost} from 'actions/post_actions.jsx'; -import Constants from 'utils/constants.jsx'; -import * as Utils from 'utils/utils.jsx'; - -function flagToolTip(isFlagged) { - return ( - <Tooltip id='flagTooltip'> - <FormattedMessage - id={isFlagged ? 'flag_post.unflag' : 'flag_post.flag'} - defaultMessage={isFlagged ? 'Unflag' : 'Flag for follow up'} - /> - </Tooltip> - ); -} - -function flagIcon(isFlagged) { - let flagIconSvg = Constants.FLAG_ICON_SVG; - - if (isFlagged) { - flagIconSvg = Constants.FLAG_FILLED_ICON_SVG; - } - - return ( - <span - className='icon' - dangerouslySetInnerHTML={{__html: flagIconSvg}} - /> - ); -} - -export default function PostFlagIcon(props) { - function onFlagPost(e) { - e.preventDefault(); - flagPost(props.postId); - } - - function onUnflagPost(e) { - e.preventDefault(); - unflagPost(props.postId); - } - - const flagFunc = props.isFlagged ? onUnflagPost : onFlagPost; - const flagVisible = props.isFlagged ? 'visible' : ''; - - let flagIconId = null; - if (props.idCount > -1) { - flagIconId = Utils.createSafeId(props.idPrefix + props.idCount); - } - - if (!props.isEphemeral) { - return ( - <OverlayTrigger - trigger={['hover', 'focus']} - key={'flagtooltipkey' + flagVisible} - delayShow={Constants.OVERLAY_TIME_DELAY} - placement='top' - overlay={flagToolTip(props.isFlagged)} - > - <a - id={flagIconId} - href='#' - className={'flag-icon__container ' + flagVisible} - onClick={flagFunc} - > - {flagIcon(props.isFlagged)} - </a> - </OverlayTrigger> - ); - } - - return null; -} - -PostFlagIcon.propTypes = { - idPrefix: PropTypes.string.isRequired, - idCount: PropTypes.number, - postId: PropTypes.string.isRequired, - isFlagged: PropTypes.bool.isRequired, - isEphemeral: PropTypes.bool -}; - -PostFlagIcon.defaultProps = { - idCount: -1, - postId: '', - isFlagged: false, - isEphemeral: false -}; |