@@ -8,6 +8,7 @@ import DeleteLinkModal from '../LinksMenu/DeleteLinkModal'
88import EditLinkModal from '../LinksMenu/EditLinkModal'
99import SubFolder from './SubFolder'
1010import ItemOperations from './ItemOperations'
11+ import UserTooltip from '../User/UserTooltip'
1112
1213import FolderIcon from '../../assets/icons/v.2.5/icon-folder-small.svg'
1314import LinkIcon from '../../assets/icons/link-12.svg'
@@ -28,6 +29,7 @@ const LinksGridView = ({
2829 title,
2930 formatModifyDate,
3031 formatFolderTitle,
32+ assetsMembers,
3133} ) => {
3234 const renderLink = ( link ) => {
3335 if ( link . onClick ) {
@@ -58,8 +60,9 @@ const LinksGridView = ({
5860 link = { subFolderContent }
5961 renderLink = { renderLink }
6062 goBack = { goBack }
61- formatModifyDate = { formatModifyDate }
63+ assetsMembers = { assetsMembers }
6264 isLinkSubFolder
65+ formatModifyDate = { formatModifyDate }
6366 /> ) }
6467 { ( ! subFolderContent ) && (
6568 < div styleName = { cn ( { 'assets-gridview-container-active' : ( linkToEdit >= 0 || linkToDelete >= 0 ) } , '' ) } >
@@ -69,6 +72,7 @@ const LinksGridView = ({
6972 < li styleName = "assets-gridview-header" key = "assets-gridview-header" >
7073 < div styleName = "flex-item-title item-type" > Type</ div >
7174 < div styleName = "flex-item-title item-name" > Name</ div >
75+ < div styleName = "flex-item-title item-created-by" > Created By</ div >
7276 < div styleName = "flex-item-title item-modified" > Modified</ div >
7377 < div styleName = "flex-item-title item-action" />
7478 </ li >
@@ -87,12 +91,24 @@ const LinksGridView = ({
8791 const onEditCancel = ( ) => onEditIntent ( - 1 )
8892 const handleEditClick = ( ) => onEditIntent ( idx )
8993 const changeSubFolder = ( ) => onChangeSubFolder ( link )
94+ const owner = _ . find ( assetsMembers , m => m . userId === _ . parseInt ( link . createdBy ) )
9095
9196 if ( Array . isArray ( link . children ) && link . children . length > 0 ) {
9297 return (
9398 < li styleName = "assets-gridview-row" onClick = { changeSubFolder } key = { 'assets-gridview-folder-' + idx } >
9499 < div styleName = "flex-item item-type" > < FolderIcon /> </ div >
95100 < div styleName = "flex-item item-name hand" > < p > { formatFolderTitle ( link . title ) } </ p > </ div >
101+ < div styleName = "flex-item item-created-by" >
102+ { ! owner && ! link . createdBy && ( < div className = "user-block" > —</ div > ) }
103+ { ! owner && link . createdBy !== 'CoderBot' && ( < div className = "user-block txt-italic" > Unknown</ div > ) }
104+ { ! owner && link . createdBy === 'CoderBot' && ( < div className = "user-block" > CoderBot</ div > ) }
105+ { owner && (
106+ < div className = "spacing" >
107+ < div className = "user-block" >
108+ < UserTooltip usr = { owner } id = { idx } size = { 35 } />
109+ </ div >
110+ </ div > ) }
111+ </ div >
96112 < div styleName = "flex-item item-modified" > { formatModifyDate ( link ) } </ div >
97113 < div styleName = "flex-item item-action" />
98114 </ li > )
@@ -119,6 +135,16 @@ const LinksGridView = ({
119135 < li styleName = "assets-gridview-row" key = { 'assets-gridview-item-' + idx } >
120136 < div styleName = "flex-item item-type" > < LinkIcon /> </ div >
121137 < div styleName = "flex-item item-name" > < p > { renderLink ( link ) } </ p > </ div >
138+ < div styleName = "flex-item item-created-by" >
139+ { ! owner && ! link . createdBy && ( < div className = "user-block" > —</ div > ) }
140+ { ! owner && link . createdBy && ( < div className = "user-block txt-italic" > Unknown</ div > ) }
141+ { owner && (
142+ < div className = "spacing" >
143+ < div className = "user-block" >
144+ < UserTooltip usr = { owner } id = { idx } size = { 35 } />
145+ </ div >
146+ </ div > ) }
147+ </ div >
122148 < div styleName = "flex-item item-modified" > { formatModifyDate ( link ) } </ div >
123149 < div styleName = "flex-item item-action" >
124150 { ( canEdit || canDelete ) && (
0 commit comments