EN · DE · RU · FR · ES

#2612 : index.jsx

projectforge-webapp/src/components/base/footer/index.jsx Type : JavaScript/React · Rôle : Composant · Source : projectforge-webapp/src/components/base/footer/index.jsx 65 lignes · 60 lignes de code · 0 commentaires · 5 lignes vides
Composant React de pied de page affichant le copyright de ProjectForge, l'attribution à Micromata, ainsi que les informations de version et de build provenant du SystemStatusContext.

Structure du code

Hooks utilisés : Context

Importations depuis : ../../../containers/SystemStatusContext, ./Footer.module.scss, classnames, react

Possède des PropTypes pour : Footer

Utilise les modules CSS pour le style.

Code source (abrégé)

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="Site web de 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="Actualités"
                        className={style.news_link}
                    >
                        {`${scmId}, ${version}, ${buildTimestamp}`}
                    </a>
                </li>
            </ul>

        </div>
    );
}

Footer.propTypes = {};

export default Footer;

Historique Git

3685edd6c migration vers react 18 wip
e3f6235df Lien https://www.projectforge.org/changelog-posts/ corrigé dans le pied de page (React et Wicket)
4f5a06d6f AppVersion supprimé. Informations Git ajoutées à ProjectForgeVersion.
7b1c92578 correction de quelques trucs scss
abc8e4a95 suppression de updateAvailable