3 * Copyright 2016-2017 RIFT.IO Inc
5 * Licensed under the Apache License, Version 2.0 (the "License");
6 * you may not use this file except in compliance with the License.
7 * You may obtain a copy of the License at
9 * http://www.apache.org/licenses/LICENSE-2.0
11 * Unless required by applicable law or agreed to in writing, software
12 * distributed under the License is distributed on an "AS IS" BASIS,
13 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
14 * See the License for the specific language governing permissions and
15 * limitations under the License.
19 import React from 'react'
20 import Property from '../../libraries/model/DescriptorModelMetaProperty'
21 import { getTitle } from './EditDescriptorUtils'
22 import DescriptorModelIconFactory from '../../libraries/model/IconFactory'
23 import RemoveItemButton from './RemoveItemButton'
25 export default function ListItemAsLink(props) {
26 const { property, value, removeItemHandler, selectLinkHandler } = props;
27 // todo need to abstract this better
28 const title = getTitle(value);
29 var req = require.context("../../", true, /\.svg/);
31 function onClickSelectItem(event) {
32 event.preventDefault();
37 <div className='property-content simple-list'>
38 <a href="#select-list-item" className={property.name + '-list-item simple-list-item '} onClick={onClickSelectItem}>
39 <img src={req('./' + DescriptorModelIconFactory.getUrlForType(property.name))} width="20px" />
42 <RemoveItemButton removeItemHandler={removeItemHandler} />