2019-04-21 06:57:06 -07:00
|
|
|
// Package imports.
|
|
|
|
import PropTypes from 'prop-types';
|
2023-05-28 07:38:10 -07:00
|
|
|
|
2019-04-21 06:57:06 -07:00
|
|
|
import { defineMessages, injectIntl } from 'react-intl';
|
2023-05-28 07:38:10 -07:00
|
|
|
|
|
|
|
import ImmutablePropTypes from 'react-immutable-proptypes';
|
2019-04-21 06:57:06 -07:00
|
|
|
import ImmutablePureComponent from 'react-immutable-pure-component';
|
|
|
|
|
|
|
|
// Components.
|
2023-05-08 18:11:56 -07:00
|
|
|
import { Icon } from 'flavours/glitch/components/icon';
|
2019-04-21 06:57:06 -07:00
|
|
|
// Messages.
|
|
|
|
const messages = defineMessages({
|
|
|
|
localOnly: {
|
|
|
|
defaultMessage: 'This post is local-only',
|
|
|
|
id: 'advanced_options.local-only.tooltip',
|
|
|
|
},
|
|
|
|
threadedMode: {
|
|
|
|
defaultMessage: 'Threaded mode enabled',
|
|
|
|
id: 'advanced_options.threaded_mode.tooltip',
|
|
|
|
},
|
|
|
|
});
|
|
|
|
|
|
|
|
// We use an array of tuples here instead of an object because it
|
|
|
|
// preserves order.
|
|
|
|
const iconMap = [
|
|
|
|
['do_not_federate', 'home', messages.localOnly],
|
|
|
|
['threaded_mode', 'comments', messages.threadedMode],
|
|
|
|
];
|
|
|
|
|
|
|
|
class TextareaIcons extends ImmutablePureComponent {
|
|
|
|
|
|
|
|
static propTypes = {
|
|
|
|
advancedOptions: ImmutablePropTypes.map,
|
|
|
|
intl: PropTypes.object.isRequired,
|
|
|
|
};
|
|
|
|
|
|
|
|
render () {
|
|
|
|
const { advancedOptions, intl } = this.props;
|
|
|
|
return (
|
2022-11-06 04:30:37 -08:00
|
|
|
<div className='compose-form__textarea-icons'>
|
2019-04-21 06:57:06 -07:00
|
|
|
{advancedOptions ? iconMap.map(
|
|
|
|
([key, icon, message]) => advancedOptions.get(key) ? (
|
|
|
|
<span
|
|
|
|
className='textarea_icon'
|
|
|
|
key={key}
|
|
|
|
title={intl.formatMessage(message)}
|
|
|
|
>
|
|
|
|
<Icon
|
2019-09-09 06:28:45 -07:00
|
|
|
fixedWidth
|
|
|
|
id={icon}
|
2019-04-21 06:57:06 -07:00
|
|
|
/>
|
|
|
|
</span>
|
2023-02-03 11:52:07 -08:00
|
|
|
) : null,
|
2019-04-21 06:57:06 -07:00
|
|
|
) : null}
|
|
|
|
</div>
|
|
|
|
);
|
|
|
|
}
|
2023-02-03 11:52:07 -08:00
|
|
|
|
2019-04-21 06:57:06 -07:00
|
|
|
}
|
2023-03-24 15:15:25 -07:00
|
|
|
|
|
|
|
export default injectIntl(TextareaIcons);
|