EN · DE · RU · FR · ES

#2612: index.jsx

projectforge-webapp/src/components/base/footer/index.jsx Type: JavaScript/React · Role: Component · Source: projectforge-webapp/src/components/base/footer/index.jsx 65 lines · 60 code · 0 comments · 5 blank
React footer component displaying ProjectForge copyright, Micromata attribution, and version/build information from the SystemStatusContext.

Code Structure

Hooks used: Context

Imports from: ../../../containers/SystemStatusContext, ./Footer.module.scss, classnames, react

Has PropTypes for: Footer

Uses CSS Modules for styling.

Source Code (abridged)

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

        </div>
    );
}

Footer.propTypes = {};

export default Footer;

Git History

3685edd6c lift to react 18 wip
e3f6235df Link https://www.projectforge.org/changelog-posts/ fixed in footer (React and Wicket)
4f5a06d6f AppVersion removed. Git information added to ProjectForgeVersion.
7b1c92578 fix some scss stuff
abc8e4a95 remove updateAvailable