Adiciona componente Endereco>

samoel-silva · Sep 16, 2024 · 721927a · 721927a
1 parent 708d4ec
commit 721927a
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 15 deletions.
diff --git a/frontend/packages/volto-portal-governo/src/components/Endereco/Endereco.jsx b/frontend/packages/volto-portal-governo/src/components/Endereco/Endereco.jsx
@@ -0,0 +1,27 @@
+import React from 'react';
+import { Container } from '@plone/components';
+
+const Endereco = (props) => {
+  const { endereco, complemento, cidade, estado, cep } = props.content;
+  return (
+    <Container className="contato">
+      <Container className="endereco">
+        <span>Endereço</span>: <span>{endereco}</span>
+      </Container>
+      <Container className="endereco">
+        <span>Complemento</span>: <span>{complemento}</span>
+      </Container>
+      <Container className="endereco">
+        <span>Cidade</span>: <span>{cidade}</span>
+      </Container>
+      <Container className="endereco">
+        <span>Estado</span>: <span>{estado}</span>
+      </Container>
+      <Container className="endereco">
+        <span>CEP</span>: <span>{cep}</span>
+      </Container>
+    </Container>
+  );
+};
+
+export default Endereco;
diff --git a/frontend/packages/volto-portal-governo/src/components/Views/SecretariaView.jsx b/frontend/packages/volto-portal-governo/src/components/Views/SecretariaView.jsx
@@ -3,6 +3,7 @@ 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';
+import Endereco from '../Endereco/Endereco';
 
 const SecretariaView = (props) => {
   const { content, location } = props;
@@ -20,22 +21,8 @@ const SecretariaView = (props) => {
         <Container className="email">
           <span>E-mail</span>: <a href={`mailto:${email}`}>{email}</a>
         </Container>
-        <Container className="endereco">
-          <span>Endereço</span>: <span>{endereco}</span>
-        </Container>
-        <Container className="endereco">
-          <span>Complemento</span>: <span>{endereco}</span>
-        </Container>
-        <Container className="endereco">
-          <span>Cidade</span>: <span>{cidade}</span>
-        </Container>
-        <Container className="endereco">
-          <span>Estado</span>: <span>{estado}</span>
-        </Container>
-        <Container className="endereco">
-          <span>CEP</span>: <span>{cep}</span>
-        </Container>
       </Container>
+      <Endereco content={content} />
     </Container>
   );
 };