seth
/
jam-cloud
mirror of https://bitbucket.org/jamkazam/jam-cloud.git
1
0
Fork 0
Code Issues Actions Packages Projects Releases Wiki Activity

change firends autocomplete default avatar

This commit is contained in:
Nuwan 2023-11-17 18:53:41 +05:30
parent 2edfccda87
commit d0d2a41e96
1 changed files with 9 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
jam-ui/src/components/people/JKFriendsAutoComplete.js
View File

@ -5,6 +5,7 @@ import { useTranslation } from 'react-i18next';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { PropTypes } from 'prop-types';
import Avatar from '../common/Avatar';
import JKProfileAvatar from '../profile/JKProfileAvatar';
import { useResponsive } from '@farfetch/react-context-responsive';
function JKFriendsAutoComplete({ friends, onSelect }) {
@ -108,10 +109,14 @@ function JKFriendsAutoComplete({ friends, onSelect }) {
<ListGroup className={showDropdown ? 'd-block' : 'd-none'} data-testid="autocomplete-list">
{filteredFriends.map(f => (
<ListGroupItem key={f.id} onMouseOver={highlight} onMouseOut={unhighlight} onClick={() => handleOnClick(f)}>
<Avatar src={f.photo_url} size="m" />
<span className="ml-1" style={{ cursor: 'pointer' }}>
{f.first_name} {f.last_name}
</span>
<div style={{ display: "grid", gridTemplateColumns: "30px auto", columnGap: "5px"}}>
<div>
<JKProfileAvatar src={f.photo_url} size="m" />
</div>
<div>
{f.first_name} {f.last_name}
</div>
</div>
</ListGroupItem>
))}
</ListGroup>