about summary refs log tree commit diff
path: root/app/javascript/flavours/glitch/components/status_icons.js
diff options
context:
space:
mode:
authorRenaud Chaput <renchap@gmail.com>2023-02-25 14:34:32 +0100
committerClaire <claire.github-309c@sitedethib.com>2023-02-25 14:35:31 +0100
commit81ef21a0c802f1d905f37a2a818544a8b400793c (patch)
tree33043286868ca9efb627ed38accab03c756adbcb /app/javascript/flavours/glitch/components/status_icons.js
parent859eb01aacc27fa01a8d4063f26a5a1f81e5d3a9 (diff)
[Glitch] Rename JSX files with proper `.jsx` extension
Port 44a7d87cb1f5df953b6c14c16c59e2e4ead1bcb9 to glitch-soc

Signed-off-by: Claire <claire.github-309c@sitedethib.com>
Diffstat (limited to 'app/javascript/flavours/glitch/components/status_icons.js')
-rw-r--r--app/javascript/flavours/glitch/components/status_icons.js145
1 files changed, 0 insertions, 145 deletions
diff --git a/app/javascript/flavours/glitch/components/status_icons.js b/app/javascript/flavours/glitch/components/status_icons.js
deleted file mode 100644
index c4cb42741..000000000
--- a/app/javascript/flavours/glitch/components/status_icons.js
+++ /dev/null
@@ -1,145 +0,0 @@
-//  Package imports.
-import React from 'react';
-import PropTypes from 'prop-types';
-import ImmutablePropTypes from 'react-immutable-proptypes';
-import { defineMessages, injectIntl } from 'react-intl';
-
-//  Mastodon imports.
-import IconButton from './icon_button';
-import VisibilityIcon from './status_visibility_icon';
-import Icon from 'flavours/glitch/components/icon';
-import { languages } from 'flavours/glitch/initial_state';
-
-//  Messages for use with internationalization stuff.
-const messages = defineMessages({
-  collapse: { id: 'status.collapse', defaultMessage: 'Collapse' },
-  uncollapse: { id: 'status.uncollapse', defaultMessage: 'Uncollapse' },
-  inReplyTo: { id: 'status.in_reply_to', defaultMessage: 'This toot is a reply' },
-  previewCard: { id: 'status.has_preview_card', defaultMessage: 'Features an attached preview card' },
-  pictures: { id: 'status.has_pictures', defaultMessage: 'Features attached pictures' },
-  poll: { id: 'status.is_poll', defaultMessage: 'This toot is a poll' },
-  video: { id: 'status.has_video', defaultMessage: 'Features attached videos' },
-  audio: { id: 'status.has_audio', defaultMessage: 'Features attached audio files' },
-  localOnly: { id: 'status.local_only', defaultMessage: 'Only visible from your instance' },
-});
-
-const LanguageIcon = ({ language }) => {
-  if (!languages) return null;
-
-  const lang = languages.find((lang) => lang[0] === language);
-  if (!lang) return null;
-
-  return (
-    <span className='text-icon' title={`${lang[2]} (${lang[1]})`} aria-hidden='true'>
-      {lang[0].toUpperCase()}
-    </span>
-  );
-};
-
-LanguageIcon.propTypes = {
-  language: PropTypes.string.isRequired,
-};
-
-export default @injectIntl
-class StatusIcons extends React.PureComponent {
-
-  static propTypes = {
-    status: ImmutablePropTypes.map.isRequired,
-    mediaIcons: PropTypes.arrayOf(PropTypes.string),
-    collapsible: PropTypes.bool,
-    collapsed: PropTypes.bool,
-    setCollapsed: PropTypes.func.isRequired,
-    intl: PropTypes.object.isRequired,
-    settings: ImmutablePropTypes.map.isRequired,
-  };
-
-  //  Handles clicks on collapsed button
-  handleCollapsedClick = (e) => {
-    const { collapsed, setCollapsed } = this.props;
-    if (e.button === 0) {
-      setCollapsed(!collapsed);
-      e.preventDefault();
-    }
-  };
-
-  mediaIconTitleText (mediaIcon) {
-    const { intl } = this.props;
-
-    switch (mediaIcon) {
-    case 'link':
-      return intl.formatMessage(messages.previewCard);
-    case 'picture-o':
-      return intl.formatMessage(messages.pictures);
-    case 'tasks':
-      return intl.formatMessage(messages.poll);
-    case 'video-camera':
-      return intl.formatMessage(messages.video);
-    case 'music':
-      return intl.formatMessage(messages.audio);
-    }
-  }
-
-  renderIcon (mediaIcon) {
-    return (
-      <Icon
-        fixedWidth
-        className='status__media-icon'
-        key={`media-icon--${mediaIcon}`}
-        id={mediaIcon}
-        aria-hidden='true'
-        title={this.mediaIconTitleText(mediaIcon)}
-      />
-    );
-  }
-
-  //  Rendering.
-  render () {
-    const {
-      status,
-      mediaIcons,
-      collapsible,
-      collapsed,
-      settings,
-      intl,
-    } = this.props;
-
-    return (
-      <div className='status__info__icons'>
-        {settings.get('language') && status.get('language') && <LanguageIcon language={status.get('language')} />}
-        {settings.get('reply') && status.get('in_reply_to_id', null) !== null ? (
-          <Icon
-            className='status__reply-icon'
-            fixedWidth
-            id='comment'
-            aria-hidden='true'
-            title={intl.formatMessage(messages.inReplyTo)}
-          />
-        ) : null}
-        {settings.get('local_only') && status.get('local_only') &&
-          <Icon
-            fixedWidth
-            id='home'
-            aria-hidden='true'
-            title={intl.formatMessage(messages.localOnly)}
-          />}
-        {settings.get('media') && !!mediaIcons && mediaIcons.map(icon => this.renderIcon(icon))}
-        {settings.get('visibility') && <VisibilityIcon visibility={status.get('visibility')} />}
-        {collapsible && (
-          <IconButton
-            className='status__collapse-button'
-            animate
-            active={collapsed}
-            title={
-              collapsed ?
-                intl.formatMessage(messages.uncollapse) :
-                intl.formatMessage(messages.collapse)
-            }
-            icon='angle-double-up'
-            onClick={this.handleCollapsedClick}
-          />
-        )}
-      </div>
-    );
-  }
-
-}