AutocompleteItem.js

import React from "react";
import {parseUri} from "../../../utils";

export default class AutocompleteItem extends React.Component {

	shouldComponentUpdate(nextProps, nextState) {
		if(
			nextProps.url !== this.props.url ||
			nextProps.selected !== this.props.selected
		){
			return true;
		}
		return false;
	}

	render(){
		const {props} = this;
		const selectedClass =  props.selected === true ? "selected" : "";
		var path = parseUri(props.url).path;
		path = path.length <= 0 ? props.url : "..." + path;
    
	  	return (
			<li 
				onMouseLeave={props.onMouseLeave} 
				className={selectedClass}>
					<i className="ion-ios-eye" 
						data-image={props.image}
						data-url={props.url}
						data-title={props.title} 
						onClick={props.handlePlanetViewClick} />
					<span
						onMouseEnter={props.onMouseEnter}>
						      <div className="dot bg-mint" />
						      {path}
					</span>
			</li>
	  	);
	}
}