summaryrefslogtreecommitdiffstats
path: root/webapp/components/post_view/post_flag_icon.jsx
diff options
context:
space:
mode:
Diffstat (limited to 'webapp/components/post_view/post_flag_icon.jsx')
-rw-r--r--webapp/components/post_view/post_flag_icon.jsx95
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
-};