Exercicio 19: altera a visao do tipo Secretaria

frontend/packages/volto-portal-governo/src/components/Views/SecretariaView.jsx

@@ -0,0 +1,41 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { getBaseUrl } from '@plone/volto/helpers';
+import { Container } from '@plone/components';
+import RenderBlocks from '@plone/volto/components/theme/View/RenderBlocks';
+
+const SecretariaView = (props) => {
+  const { content, location } = props;
+  const { telefone, email } = content;
+  const path = getBaseUrl(location?.pathname || '');
+
+  return (
+    <Container id="page-document" className="view-wrapper secretaria-view">
+      <RenderBlocks {...props} path={path} />
+      <Container className="contato">
+        <Container className="telefone">
+          <span>Telefone</span>: <span>{telefone}</span>
+        </Container>
+        <Container className="email">
+          <span>E-mail</span>: <a href={`mailto:${email}`}>{email}</a>
+        </Container>
+      </Container>
+    </Container>
+  );
+};
+
+/**
+ * Property types.
+ * @property {Object} propTypes Property types.
+ * @static
+ */
+SecretariaView.propTypes = {
+  content: PropTypes.shape({
+    title: PropTypes.string,
+    description: PropTypes.string,
+    email: PropTypes.string,
+    telefone: PropTypes.string,
+  }).isRequired,
+};
+
+export default SecretariaView;

frontend/packages/volto-portal-governo/src/index.js

@@ -1,10 +1,18 @@
+// Views
+import SecretariaView from './components/Views/SecretariaView';
+
 const applyConfig = (config) => {
   config.settings = {
     ...config.settings,
     isMultilingual: false,
     supportedLanguages: ['pt-br'],
     defaultLanguage: 'pt-br',
   };
+  // Views
+  config.views.contentTypesViews = {
+    ...config.views.contentTypesViews,
+    Secretaria: SecretariaView,
+  };
   return config;
 };