export function TitleRenderer({ cellData, rowData, columnData: { collection, list } }) {
const linkTo = list ?
`${getListLink(collection, list)}/b${rowData.get('id')}/${remoteBrowserMod(rowData.get('browser'), rowData.get('timestamp'))}/${rowData.get('url')}` :
`${getCollectionLink(collection)}/${remoteBrowserMod(rowData.get('browser'), rowData.get('timestamp'))}/${rowData.get('url')}`;
return (
<Link
to={linkTo}
onClick={evt => stopPropagation(evt)}
title={rowData.get('title')}>{ cellData || untitledEntry }
</Link>
);
}
render() {
const {
activeBrowser,
activeBookmarkId,
activeList,
collection,
match: { params: { user, coll } },
showLoginModal,
timestamp,
url
} = this.props;
const tsMod = remoteBrowserMod(activeBrowser, timestamp, '/');
const listFrag = activeList ? `list/${activeList}/b${activeBookmarkId}/` : '';
const shareUrl = `${appHost}/${user}/${coll}/${listFrag}${tsMod}${url}`;
const embedUrl = `${appHost}/_embed/${user}/${coll}/${listFrag}${tsMod}${url}`;
return (
<ShareWidgetUI
isPublic={collection.get('public')}
setPublic={this.props.setCollPublic}
collection={collection}
shareUrl={shareUrl}
embedUrl={embedUrl}
showLoginModal={showLoginModal} />
);
}