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} /> ); }