From 86191f3ce149a343f33caa91f526a5f189601fea Mon Sep 17 00:00:00 2001
From: Mario <mario@ivps.io>
Date: Sun, 15 Jun 2025 01:03:30 -0400
Subject: [PATCH] Footer

---
 .../features/ui/components/link_footer.tsx    | 170 ++++++++----------
 1 file changed, 75 insertions(+), 95 deletions(-)

diff --git a/app/javascript/mastodon/features/ui/components/link_footer.tsx b/app/javascript/mastodon/features/ui/components/link_footer.tsx
index cbfb6a3114..ec62c16ff8 100644
--- a/app/javascript/mastodon/features/ui/components/link_footer.tsx
+++ b/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 {
-  domain,
-  version,
-  source_url,
-  statusPageUrl,
-  profile_directory as canProfileDirectory,
-  termsOfServiceEnabled,
-} from 'mastodon/initial_state';
+import { connect } from 'react-redux';
 
-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';
 
-export const LinkFooter: React.FC<{
-  multiColumn: boolean;
-}> = ({ multiColumn }) => {
-  return (
-    <div className='link-footer'>
-      <p>
-        <strong>{domain}</strong>:{' '}
-        <Link to='/about' target={multiColumn ? '_blank' : undefined}>
-          <FormattedMessage id='footer.about' defaultMessage='About' />
-        </Link>
-        {statusPageUrl && (
-          <>
-            <DividingCircle />
-            <a href={statusPageUrl} target='_blank' rel='noopener'>
-              <FormattedMessage id='footer.status' defaultMessage='Status' />
-            </a>
-          </>
-        )}
-        {canProfileDirectory && (
-          <>
-            <DividingCircle />
-            <Link to='/directory'>
-              <FormattedMessage
-                id='footer.directory'
-                defaultMessage='Profiles directory'
-              />
-            </Link>
-          </>
-        )}
-        <DividingCircle />
-        <Link
-          to='/privacy-policy'
-          target={multiColumn ? '_blank' : undefined}
-          rel='privacy-policy'
-        >
-          <FormattedMessage
-            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>
+const mapDispatchToProps = (dispatch) => ({
+  onLogout () {
+    dispatch(openModal({ modalType: 'CONFIRM_LOG_OUT' }));
 
-      <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>
-  );
-};
+  },
+});
+
+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>;
+
+    return (
+      <div className='link-footer'>
+        <p>
+          <strong>{domain}</strong>:
+          {' '}
+          <Link to='/about' target={multiColumn ? '_blank' : undefined}><FormattedMessage id='footer.about' defaultMessage='About' /></Link>
+          {statusPageUrl && (
+            <>
+              {DividingCircle}
+              <a href={statusPageUrl} target='_blank' rel='noopener'><FormattedMessage id='footer.status' defaultMessage='Status' /></a>
+            </>
+          )}
+          {canInvite && (
+            <>
+              {DividingCircle}
+              <a href='/invites' target='_blank'><FormattedMessage id='footer.invite' defaultMessage='Invite people' /></a>
+            </>
+          )}
+          {DividingCircle}
+          <Link to='/privacy-policy' target={multiColumn ? '_blank' : undefined}><FormattedMessage id='footer.privacy_policy' defaultMessage='Privacy policy' /></Link>
+          {DividingCircle}
+          <Link to='/keyboard-shortcuts'><FormattedMessage id='footer.keyboard_shortcuts' defaultMessage='Keyboard shortcuts' /></Link>
+          {DividingCircle}
+          <a href={source_url} rel='noopener noreferrer' 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)));
\ No newline at end of file