feat(lsg): handleClick for element pattern

meetalva · Dec 11, 2017 · 706a296 · 706a296
1 parent 1778f79
commit 706a296
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/src/lsg/patterns/element/demo.tsx b/src/lsg/patterns/element/demo.tsx
@@ -23,8 +23,12 @@ const ElementDemo: React.StatelessComponent<void> = (): JSX.Element => (
 		<StyledTestDiv>
 			With Child and handleIconClick
 			<Element
+				handleClick={e => {
+					console.log('Clicked', e);
+					e.stopPropagation();
+				}}
 				handleIconClick={() => {
-					console.log('Clicked');
+					console.log('Icon Clicked');
 				}}
 				title="Element"
 			>

diff --git a/src/lsg/patterns/element/index.tsx b/src/lsg/patterns/element/index.tsx
@@ -9,6 +9,7 @@ export interface ElementProps {
 	open?: boolean;
 	title: string;
 
+	handleClick?: React.MouseEventHandler<HTMLElement>;
 	handleIconClick?: React.MouseEventHandler<SVGSVGElement>;
 }
 
@@ -52,10 +53,10 @@ const StyledIcon = styled(Icon)`
 `;
 
 const Element: React.StatelessComponent<ElementProps> = props => {
-	const { children, title, active, open, handleIconClick } = props;
+	const { children, title, active, open, handleClick, handleIconClick } = props;
 
 	return (
-		<StyledElement title={title} active={active}>
+		<StyledElement onClick={handleClick} title={title} active={active}>
 			<StyledElementLabel>
 				{children && (
 					<StyledIcon