pages

Pages is a collection of react components used in Entando projects.

Installation instructions

run npm i @entando/pages

---

Components

Every component is imported in the following manner:

import { <component> } from '@entando/pages'

The module also has its own css that can be loaded into a react application with a simple import:

import '@entando/pages/dist/css/index.css';

LoginForm

This component is used to render the login form.

The component expects the following props:

{
  performLogin: PropTypes.func.isRequired,
  setLanguage: PropTypes.func.isRequired,
  loginErrorMessage: PropTypes.string, // defaults to empty string
  currentLanguage: PropTypes.string, // defaults to "en"
}

the performLogin function will receive two arguments:

• username
• password

the setLanguage function will receive one argument:

• language

LoginPage

Renders the login page and just accepts any children. It is common to pass the LoginForm as a child component.

NotFoundPage

Renders the 404 page.

The component expects the following props:

{
  gotoHome: PropTypes.func, // defaults to null
}

if the gotoHome function is passed the page will render a button that will call the given function when the user clicks on it.

---

locales

This package also exports locales for the labels used within it.

To add these labels to an existing project merge them with the project labels:

import { locales } from '@entando/pages';

// enLocale and itLocale are the project own locales.

enLocale.messages = { ...enLocale.messages, ...locales.en.messages };
itLocale.messages = { ...itLocale.messages, ...locales.it.messages };