AutocompleteItemDumb.js

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

const AutocompleteItem = (props) => {
	
  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>
  	);
}

export default AutocompleteItem