EN · DE · RU · FR · ES

#2612: index.jsx

projectforge-webapp/src/components/base/footer/index.jsx Typ: JavaScript/React · Rolle: Komponente · Quelle: projectforge-webapp/src/components/base/footer/index.jsx 65 Zeilen · 60 Code · 0 Kommentare · 5 leer
React-Fußzeilenkomponente, die das ProjectForge-Copyright, die Micromata-Zuschreibung sowie Versions- und Build-Informationen aus dem SystemStatusContext anzeigt.

Codestruktur

Verwendete Hooks: Context

Importe von: ../../../containers/SystemStatusContext, ./Footer.module.scss, classnames, react

Hat PropTypes für: Footer

Verwendet CSS-Module für das Styling.

Quellcode (gekürzt)

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-Website"
                        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="Neuigkeiten"
                        className={style.news_link}
                    >
                        {`${scmId}, ${version}, ${buildTimestamp}`}
                    </a>
                </li>
            </ul>

        </div>
    );
}

Footer.propTypes = {};

export default Footer;

Git-Verlauf

3685edd6c Lift zu React 18 WIP
e3f6235df Link https://www.projectforge.org/changelog-posts/ in der Fußzeile korrigiert (React und Wicket)
4f5a06d6f AppVersion entfernt. Git-Informationen zu ProjectForgeVersion hinzugefügt.
7b1c92578 Einige SCSS-Sachen repariert
abc8e4a95 updateAvailable entfernt