5chan/src/components/site-legal-meta/site-legal-meta.tsx

import Version from '../version';
import { useTranslation } from 'react-i18next';

type SiteLegalMetaOrder = 'version-first' | 'license-first';

type SiteLegalMetaProps = {
  /** Order of blocks: version-first (homepage) or license-first (board/post footer) */
  order?: SiteLegalMetaOrder;
};

const LicenseText = () => {
  const { t } = useTranslation();

  return <span>{t('site_legal_meta_license_text')}</span>;
};

const VersionFeedbackContact = () => (
  <>
    <Version /> •{' '}
    <a href='https://github.com/bitsocialnet/5chan/issues/new' target='_blank' rel='noopener noreferrer'>
      Feedback
    </a>{' '}
    •{' '}
    <a href='https://github.com/bitsocialnet/5chan/graphs/contributors' target='_blank' rel='noopener noreferrer'>
      Contact
    </a>
  </>
);

const SiteLegalMeta = ({ order = 'version-first' }: SiteLegalMetaProps) => {
  const first = order === 'version-first' ? <VersionFeedbackContact /> : <LicenseText />;
  const second = order === 'version-first' ? <LicenseText /> : <VersionFeedbackContact />;

  if (order === 'version-first') {
    return (
      <>
        <br />
        {first}
        <br />
        <br />
        <br />
        {second}
      </>
    );
  }

  return (
    <>
      {first}
      <br />
      <span style={{ display: 'block', marginTop: 5 }}>{second}</span>
    </>
  );
};

export default SiteLegalMeta;