Adiciona props id no Block | Adiciona id no bloco relacionadas

xproglabs · Jan 5, 2021 · 8296f29 · 8296f29
1 parent a116a78
commit 8296f29
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 5 deletions.
diff --git a/components/Block/index.js b/components/Block/index.js
@@ -1,11 +1,12 @@
 import classnames from 'classnames';
 import PropTypes from 'prop-types';
 import React from 'react';
-import colors from '../../styles/variables/colors.json'
+
+import colors from '../../styles/variables/colors.json';
 
 const Block = (props) => {
 
-  const {children, xs, sm, md, lg, xl, onClick} = props;
+  const {children, xs, sm, md, lg, xl, onClick, id} = props;
 
   const defProps = (prefix, props) => {
 
@@ -60,7 +61,8 @@ const Block = (props) => {
   const classProps = {
     className: classnames(dProps, xsProps, smProps, mdProps, lgProps, xlProps) || 'block', 
     children, 
-    onClick
+    onClick,
+    id
   };
   return <div {...classProps}></div>;
 };
@@ -116,6 +118,7 @@ Block.propTypes = {
   onClick: PropTypes.func,
   w: PropTypes.string,
   h: PropTypes.string,
+  id: PropTypes.string
 };
 
 export default Block;
diff --git a/components/Templates/Related.js b/components/Templates/Related.js
@@ -2,15 +2,15 @@ import {map} from 'lodash';
 import PropTypes from 'prop-types';
 import React from 'react';
 
+import colors from '../../styles/variables/colors.json';
 import Block from '../Block';
 import Teaser from '../Teasers';
-import colors from '../../styles/variables/colors.json'
 
 const Related = ({items, domain, lazy, ReadMore, status, theme}) => {
   const {activeColor} = theme;
   const propsContainer = {custom: 'templates-related-news', align: 'col left', w: '100p'};
   return (
-    <Block {...propsContainer}>
+    <Block {...propsContainer} id="block-relatedNews">
       <Block custom="related-news" w="100p">
         {map(items, (item, key) => 
           <Teaser