Footer

app/javascript/mastodon/features/ui/components/link_footer.tsx

@@ -1,101 +1,81 @@
-import { FormattedMessage } from 'react-intl';
+import PropTypes from 'prop-types';
+import { PureComponent } from 'react';
+
+import { FormattedMessage, injectIntl } from 'react-intl';
 
 import { Link } from 'react-router-dom';
 
-import {
+import { connect } from 'react-redux';
-  domain,
-  version,
-  source_url,
-  statusPageUrl,
-  profile_directory as canProfileDirectory,
-  termsOfServiceEnabled,
-} from 'mastodon/initial_state';
 
-const DividingCircle: React.FC = () => <span aria-hidden>{' · '}</span>;
+import { openModal } from 'mastodon/actions/modal';
+import { identityContextPropShape, withIdentity } from 'mastodon/identity_context';
+import { domain, version, source_url, statusPageUrl, profile_directory as profileDirectory } from 'mastodon/initial_state';
+import { PERMISSION_INVITE_USERS } from 'mastodon/permissions';
+
+const mapDispatchToProps = (dispatch) => ({
+  onLogout () {
+    dispatch(openModal({ modalType: 'CONFIRM_LOG_OUT' }));
+
+  },
+});
+
+class LinkFooter extends PureComponent {
+  static propTypes = {
+    identity: identityContextPropShape,
+    multiColumn: PropTypes.bool,
+    onLogout: PropTypes.func.isRequired,
+    intl: PropTypes.object.isRequired,
+  };
+
+  handleLogoutClick = e => {
+    e.preventDefault();
+    e.stopPropagation();
+
+    this.props.onLogout();
+
+    return false;
+  };
+
+  render () {
+    const { signedIn, permissions } = this.props.identity;
+    const { multiColumn } = this.props;
+
+    const canInvite = signedIn && ((permissions & PERMISSION_INVITE_USERS) === PERMISSION_INVITE_USERS);
+    const canProfileDirectory = profileDirectory;
+
+    const DividingCircle = <span aria-hidden>{' · '}</span>;
 
-export const LinkFooter: React.FC<{
-  multiColumn: boolean;
-}> = ({ multiColumn }) => {
     return (
       <div className='link-footer'>
         <p>
-        <strong>{domain}</strong>:{' '}
+          <strong>{domain}</strong>:
-        <Link to='/about' target={multiColumn ? '_blank' : undefined}>
+          {' '}
-          <FormattedMessage id='footer.about' defaultMessage='About' />
+          <Link to='/about' target={multiColumn ? '_blank' : undefined}><FormattedMessage id='footer.about' defaultMessage='About' /></Link>
-        </Link>
           {statusPageUrl && (
             <>
-            <DividingCircle />
+              {DividingCircle}
-            <a href={statusPageUrl} target='_blank' rel='noopener'>
+              <a href={statusPageUrl} target='_blank' rel='noopener'><FormattedMessage id='footer.status' defaultMessage='Status' /></a>
-              <FormattedMessage id='footer.status' defaultMessage='Status' />
-            </a>
             </>
           )}
-        {canProfileDirectory && (
+          {canInvite && (
             <>
-            <DividingCircle />
+              {DividingCircle}
-            <Link to='/directory'>
+              <a href='/invites' target='_blank'><FormattedMessage id='footer.invite' defaultMessage='Invite people' /></a>
-              <FormattedMessage
-                id='footer.directory'
-                defaultMessage='Profiles directory'
-              />
-            </Link>
             </>
           )}
-        <DividingCircle />
+          {DividingCircle}
-        <Link
+          <Link to='/privacy-policy' target={multiColumn ? '_blank' : undefined}><FormattedMessage id='footer.privacy_policy' defaultMessage='Privacy policy' /></Link>
-          to='/privacy-policy'
+          {DividingCircle}
-          target={multiColumn ? '_blank' : undefined}
+          <Link to='/keyboard-shortcuts'><FormattedMessage id='footer.keyboard_shortcuts' defaultMessage='Keyboard shortcuts' /></Link>
-          rel='privacy-policy'
+          {DividingCircle}
-        >
+          <a href={source_url} rel='noopener noreferrer' target='_blank'><FormattedMessage id='footer.source_code' defaultMessage='View source code' /></a>
-          <FormattedMessage
+          {DividingCircle}
-            id='footer.privacy_policy'
-            defaultMessage='Privacy policy'
-          />
-        </Link>
-        {termsOfServiceEnabled && (
-          <>
-            <DividingCircle />
-            <Link
-              to='/terms-of-service'
-              target={multiColumn ? '_blank' : undefined}
-              rel='terms-of-service'
-            >
-              <FormattedMessage
-                id='footer.terms_of_service'
-                defaultMessage='Terms of service'
-              />
-            </Link>
-          </>
-        )}
-      </p>
-
-      <p>
-        <strong>Mastodon</strong>:{' '}
-        <a href='https://joinmastodon.org' target='_blank' rel='noopener'>
-          <FormattedMessage id='footer.about' defaultMessage='About' />
-        </a>
-        <DividingCircle />
-        <a href='https://joinmastodon.org/apps' target='_blank' rel='noopener'>
-          <FormattedMessage id='footer.get_app' defaultMessage='Get the app' />
-        </a>
-        <DividingCircle />
-        <Link to='/keyboard-shortcuts'>
-          <FormattedMessage
-            id='footer.keyboard_shortcuts'
-            defaultMessage='Keyboard shortcuts'
-          />
-        </Link>
-        <DividingCircle />
-        <a href={source_url} rel='noopener' target='_blank'>
-          <FormattedMessage
-            id='footer.source_code'
-            defaultMessage='View source code'
-          />
-        </a>
-        <DividingCircle />
           <span className='version'>v{version}</span>
         </p>
       </div>
     );
-};
+  }
+
+}
+
+export default injectIntl(withIdentity(connect(null, mapDispatchToProps)(LinkFooter)));