EN · DE · RU · FR · ES

#2612: index.jsx

projectforge-webapp/src/components/base/footer/index.jsx Тип: JavaScript/React · Роль: Компонент · Источник: projectforge-webapp/src/components/base/footer/index.jsx 65 строк · 60 кода · 0 комментариев · 5 пустых
Компонент React для подвала, отображающий копирайт ProjectForge, атрибуцию Micromata, а также информацию о версии и сборке из SystemStatusContext.

Структура кода

Используемые хуки: Context

Импорты из: ../../../containers/SystemStatusContext, ./Footer.module.scss, classnames, react

Имеет PropTypes для: Footer

Использует CSS-модули для стилизации.

Исходный код (сокращённый)

import classNames from 'classnames';
import React from 'react';
import { SystemStatusContext } from '../../../containers/SystemStatusContext';
import style from './Footer.module.scss';

function Footer() {
    const {
        version,
        buildTimestamp,
        scmId,
        copyRightYears,
    } = React.useContext(SystemStatusContext);

    return (
        <div className={style.footer}>
            <ul className={classNames(style.list, style.copyHint)}>
                <li>
                    <a
                        href="https://www.projectforge.org"
                        title="Веб-сайт ProjectForge"
                        target="_blank"
                        rel="noopener noreferrer"
                    >
                        &copy;
                        {`${copyRightYears}`}
                    </a>
                    <a
                        href="https://www.micromata.com"
                        title="Micromata GmbH"
                        target="_blank"
                        rel="noopener noreferrer"
                    >
                        Micromata GmbH
                    </a>
                </li>
                <li>
                    <a
                        href="https://www.projectforge.org"
                        title="www.projectforge.org"
                        target="_blank"
                        rel="noopener noreferrer"
                    >
                        www.projectforge.org
                    </a>
                </li>
            </ul>
            <ul className={classNames(style.list, style.version)}>
                <li>
                    <a
                        href="https://www.projectforge.org/changelog-posts/"
                        title="Новости"
                        className={style.news_link}
                    >
                        {`${scmId}, ${version}, ${buildTimestamp}`}
                    </a>
                </li>
            </ul>

        </div>
    );
}

Footer.propTypes = {};

export default Footer;

История Git

3685edd6c поднятие до react 18 wip
e3f6235df Ссылка https://www.projectforge.org/changelog-posts/ исправлена в подвале (React и Wicket)
4f5a06d6f AppVersion удалён. Информация о Git добавлена в ProjectForgeVersion.
7b1c92578 исправление некоторых scss-штук
abc8e4a95 удаление updateAvailable