EN · DE · RU · FR · ES

#2612: index.jsx

projectforge-webapp/src/components/base/footer/index.jsx Tipo: JavaScript/React · Rol: Componente · Fuente: projectforge-webapp/src/components/base/footer/index.jsx 65 líneas · 60 código · 0 comentarios · 5 en blanco
Componente de pie de página en React que muestra el copyright de ProjectForge, la atribución a Micromata y la información de versión/compilación desde SystemStatusContext.

Estructura del código

Hooks utilizados: Context

Importaciones desde: ../../../containers/SystemStatusContext, ./Footer.module.scss, classnames, react

Tiene PropTypes para: Footer

Utiliza CSS Modules para el estilo.

Código fuente (resumido)

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

        </div>
    );
}

Footer.propTypes = {};

export default Footer;

Historial de Git

3685edd6c actualización a react 18 wip
e3f6235df Enlace https://www.projectforge.org/changelog-posts/ corregido en el pie de página (React y Wicket)
4f5a06d6f AppVersion eliminado. Información de Git añadida a ProjectForgeVersion.
7b1c92578 corrección de algunos scss
abc8e4a95 eliminar updateAvailable