dg-npm-templates/templates/dg-nextjs-frontend/appcomponents/app/components/App.js

Npx generator for react app dependency creation by digite

import { Component, Fragment } from 'react';
import NavigationPanelCnt from './../../navigation/components/NavigationPanelContainer';
import Image from 'next/image';
import properties from '../../../properties';

class App extends Component {
    constructor(props) {
        super(props);

        this.state = {};
    }

    componentDidMount() {
        this.props.initAppComp();
    }

    render() {
        if ( !this.props.appData || !this.props.appData.loaded ) {
            return;
        }

        //replace alt text with I18N

        return (
            <Fragment>
                <NavigationPanelCnt></NavigationPanelCnt>
                {
                    this.props.appData.showLoader &&
                        <div className='appmask'>
                            <Image className="loader" src={`/${ properties.contextPath }/images/loader.gif`} 
                            alt="loading data please wait" width="100%" height="100%" />
                        </div>
                }
            </Fragment>
        )
    }
}

export default App;