strapi/packages/strapi-admin/admin/src/components/LeftMenuFooter/index.js

/**
 *
 * LeftMenuFooter
 *
 */

import React, { memo } from 'react';
import { defineMessages, FormattedMessage } from 'react-intl';
import { PropTypes } from 'prop-types';

import LeftMenuLink from '../LeftMenuLink';

import styles from './styles.scss';
import messages from './messages.json';
defineMessages(messages);

function LeftMenuFooter({ version, ...rest }) {
  // eslint-disable-line react/prefer-stateless-function
  return (
    <div className={styles.leftMenuFooter}>
      <ul className={styles.list}>
        <LeftMenuLink
          {...rest}
          icon='book'
          label={messages.documentation.id}
          destination='https://strapi.io/documentation'
        />
        <LeftMenuLink
          {...rest}
          icon='question-circle'
          label={messages.help.id}
          destination='https://strapi.io/help'
        />
      </ul>
      <div className={styles.poweredBy}>
        <FormattedMessage {...messages.poweredBy} />
        <a href='https://strapi.io' target='_blank'>
          Strapi
        </a>{' '}
        <a
          href={`https://github.com/strapi/strapi/releases/tag/v${version}`}
          target='_blank'
        >
          v{version}
        </a>
      </div>
    </div>
  );
}

LeftMenuFooter.propTypes = {
  version: PropTypes.string.isRequired,
};

export default memo(LeftMenuFooter);