diff --git a/frontend/packages/volto-portal-governo/src/components/Footer/Footer.jsx b/frontend/packages/volto-portal-governo/src/components/Footer/Footer.jsx new file mode 100644 index 0000000..fd49a7d --- /dev/null +++ b/frontend/packages/volto-portal-governo/src/components/Footer/Footer.jsx @@ -0,0 +1,21 @@ +import React from 'react'; +import { Container } from '@plone/components'; +import Info from './Info'; + +/** + * Component to display the footer. + * @function Footer + * @returns {string} Markup of the component + */ +const Footer = () => { + return ( + + ); +}; + +export default Footer; diff --git a/frontend/packages/volto-portal-governo/src/components/Footer/Info.jsx b/frontend/packages/volto-portal-governo/src/components/Footer/Info.jsx new file mode 100644 index 0000000..9af46cf --- /dev/null +++ b/frontend/packages/volto-portal-governo/src/components/Footer/Info.jsx @@ -0,0 +1,21 @@ +import React from 'react'; +import { useSelector } from 'react-redux'; +import { Container } from '@plone/components'; +import Contato from '../Contato/Contato'; +import Endereco from '../Endereco/Endereco'; + +const Info = (props) => { + const navRoot = useSelector((state) => state.navroot?.data?.navroot); + return ( + + {navRoot && ( + <> + + + + )} + + ); +}; + +export default Info; diff --git a/frontend/packages/volto-portal-governo/src/components/Gestor/Gestor.jsx b/frontend/packages/volto-portal-governo/src/components/Gestor/Gestor.jsx new file mode 100644 index 0000000..952536f --- /dev/null +++ b/frontend/packages/volto-portal-governo/src/components/Gestor/Gestor.jsx @@ -0,0 +1,41 @@ +import React from 'react'; +import PropTypes from 'prop-types'; +import { Container } from '@plone/components'; + +const Gestor = (props) => { + const gestor = props.content.gestor; + return ( + +

GESTOR

+ {gestor && ( + <> + {gestor.image_scales?.image && ( + + + + )} + + +

{gestor.title}

+
+ + {gestor.description && ( + + {gestor.description} + + )} + + {gestor.cargo && ( + + Cargo: {gestor.cargo.title} + + )} + + )} +
+ ); +}; + +export default Gestor; diff --git a/frontend/packages/volto-portal-governo/src/components/Views/SecretariaView.jsx b/frontend/packages/volto-portal-governo/src/components/Views/SecretariaView.jsx index e90c2fc..af448dc 100644 --- a/frontend/packages/volto-portal-governo/src/components/Views/SecretariaView.jsx +++ b/frontend/packages/volto-portal-governo/src/components/Views/SecretariaView.jsx @@ -4,6 +4,7 @@ import { getBaseUrl } from '@plone/volto/helpers'; import { Container } from '@plone/components'; import RenderBlocks from '@plone/volto/components/theme/View/RenderBlocks'; import Endereco from '../Endereco/Endereco'; +import Gestor from '../Gestor/Gestor'; const SecretariaView = (props) => { const { content, location } = props; @@ -14,6 +15,10 @@ const SecretariaView = (props) => { return ( + + + +

Endereço/Contato

Telefone: {telefone} diff --git a/frontend/packages/volto-portal-governo/src/customizations/@kitconcept/volto-light-theme/components/Footer/Footer.jsx b/frontend/packages/volto-portal-governo/src/customizations/@kitconcept/volto-light-theme/components/Footer/Footer.jsx new file mode 100644 index 0000000..1c33d3d --- /dev/null +++ b/frontend/packages/volto-portal-governo/src/customizations/@kitconcept/volto-light-theme/components/Footer/Footer.jsx @@ -0,0 +1,12 @@ +/** + * Footer component. + * @module components/theme/Footer/Footer + */ +import { injectIntl } from 'react-intl'; +import LocalFooter from '../../../../../components/Footer/Footer'; + +const Footer = () => { + return ; +}; + +export default injectIntl(Footer); diff --git a/frontend/packages/volto-portal-governo/src/theme/_main.scss b/frontend/packages/volto-portal-governo/src/theme/_main.scss index ed676e7..f044790 100644 --- a/frontend/packages/volto-portal-governo/src/theme/_main.scss +++ b/frontend/packages/volto-portal-governo/src/theme/_main.scss @@ -2,3 +2,4 @@ // it is injected @import 'root'; @import 'secretaria'; +@import 'components/footer'; diff --git a/frontend/packages/volto-portal-governo/src/theme/components/_footer.scss b/frontend/packages/volto-portal-governo/src/theme/components/_footer.scss new file mode 100644 index 0000000..2a4f505 --- /dev/null +++ b/frontend/packages/volto-portal-governo/src/theme/components/_footer.scss @@ -0,0 +1,16 @@ +#footer { + .footer { + .footer-wrapper { + display: flex; + justify-content: space-between; + margin: 0 150px; + gap: 25px; + > div { + min-width: 33%; + } + .footer-info { + text-align: left; + } + } + } +}