fix(lsg): correct use of onDragStart event

src/component/container/pattern_list.tsx

@@ -39,7 +39,7 @@ export class PatternList extends React.Component<PatternListProps> {
 		return (
 			<div>
 				<Space sizeBottom={Size.L}>
-					<Input handleChange={this.handleSearchInputChange} placeholder="Search"/>
+					<Input handleChange={this.handleSearchInputChange} placeholder="Search" />
 				</Space>
 				<Space sizeBottom={Size.L}>
 					<List>{list}</List>
@@ -122,6 +122,7 @@ export class PatternList extends React.Component<PatternListProps> {
 	}
 	@action
 	protected handleDragStart(e: React.DragEvent<HTMLElement>, pattern: Pattern): void {
+		console.log('asdf');
 		const data = pattern.getRelativePath();
 		e.dataTransfer.setData('patternPath', data);
 	}

src/lsg/patterns/pattern-list-item/index.tsx

@@ -34,16 +34,18 @@ const StyledIcon = styled(Icon)`
 	margin-right: ${getSpace(Size.L)}px;
 `;
 
-const PatternListItem: React.StatelessComponent<PatternListItemProps> = props => (
-	<StyledPatternListItem {...props}>
-		{props.icon
-			? <StyledSVG>
-				{props.icon}
-			</StyledSVG>
-			: <StyledIcon name={IconName.Robo} size={IconSize.XS} color={colors.grey70} />
-		}
-		{props.children}
-	</StyledPatternListItem>
-);
+const PatternListItem: React.StatelessComponent<PatternListItemProps> = props => {
+	const { handleDragStart, ...other } = props;
+	return (
+		<StyledPatternListItem {...other} onDragStart={handleDragStart}>
+			{props.icon ? (
+				<StyledSVG>{props.icon}</StyledSVG>
+			) : (
+				<StyledIcon name={IconName.Robo} size={IconSize.XS} color={colors.grey70} />
+			)}
+			{props.children}
+		</StyledPatternListItem>
+	);
+};
 
 export default PatternListItem;