Fix #3682: Replace remove icon for Users card on Teams page (#3741)

This commit is contained in:
darth-coder00 2022-03-29 23:18:36 +05:30 committed by GitHub
parent 4a60d5d0b2
commit 909cfe5736
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
6 changed files with 11 additions and 10 deletions

View File

@ -22,6 +22,9 @@ dist/
# mockups # mockups
mock-api/ mock-api/
# coverage
src/test/unit/coverage
# Ignore files (Prettier has trouble parsing files without extension) # Ignore files (Prettier has trouble parsing files without extension)
.gitignore .gitignore
.prettierignore .prettierignore

View File

@ -237,7 +237,7 @@ const GlossaryDetails = ({ isHasAccess, glossary, updateGlossary }: props) => {
<Avatar <Avatar
name={glossary.owner?.displayName || glossary.owner?.name || ''} name={glossary.owner?.displayName || glossary.owner?.name || ''}
textClass="tw-text-xs" textClass="tw-text-xs"
width="22" width="20"
/> />
</div> </div>
)} )}

View File

@ -165,7 +165,7 @@ const EntityPageInfo = ({
<div className="tw-flex" key={index}> <div className="tw-flex" key={index}>
<Avatar <Avatar
name={(follower?.displayName || follower?.name) as string} name={(follower?.displayName || follower?.name) as string}
width="30" width="20"
/> />
<span className="tw-self-center tw-ml-2"> <span className="tw-self-center tw-ml-2">
{follower?.displayName || follower?.name} {follower?.displayName || follower?.name}

View File

@ -53,7 +53,7 @@ const GlossaryDataCard: FunctionComponent<Props> = ({
<div className="tw-mb-3 tw-flex tw-items-center"> <div className="tw-mb-3 tw-flex tw-items-center">
{owner && ( {owner && (
<div className="tw-inline-block tw-mr-2"> <div className="tw-inline-block tw-mr-2">
<Avatar name={owner} textClass="tw-text-xs" width="22" /> <Avatar name={owner} textClass="tw-text-xs" width="20" />
</div> </div>
)} )}
<span className="tw-text-grey-muted">{owner || 'No owner'}</span> <span className="tw-text-grey-muted">{owner || 'No owner'}</span>

View File

@ -11,6 +11,7 @@
* limitations under the License. * limitations under the License.
*/ */
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import classNames from 'classnames'; import classNames from 'classnames';
import { capitalize } from 'lodash'; import { capitalize } from 'lodash';
import React from 'react'; import React from 'react';
@ -193,12 +194,9 @@ const UserCard = ({
})} })}
data-testid="remove" data-testid="remove"
onClick={() => onRemove?.(item.id as string)}> onClick={() => onRemove?.(item.id as string)}>
<SVGIcons <FontAwesomeIcon
alt="delete" className="tw-cursor-pointer tw-opacity-0 group-hover:tw-opacity-100"
className="tw-text-gray-500 tw-cursor-pointer tw-opacity-0 hover:tw-text-gray-700 group-hover:tw-opacity-100" icon="remove"
icon="icon-delete"
title="Remove"
width="12px"
/> />
</span> </span>
</NonAdminAction> </NonAdminAction>

View File

@ -394,7 +394,7 @@ export const getInfoElements = (data: ExtraInfo) => {
displayVal && displayVal !== '--' ? ( displayVal && displayVal !== '--' ? (
isString(displayVal) ? ( isString(displayVal) ? (
<div className="tw-inline-block tw-mr-2"> <div className="tw-inline-block tw-mr-2">
<Avatar name={displayVal} textClass="tw-text-xs" width="22" /> <Avatar name={displayVal} textClass="tw-text-xs" width="20" />
</div> </div>
) : ( ) : (
<></> <></>