Fix issue 4556 UI: Explore page improvements (#4661)

This commit is contained in:
Shailesh Parmar 2022-05-04 05:32:02 +05:30 committed by GitHub
parent 9013a8af99
commit acae6b4fac
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 10 additions and 5 deletions

View File

@ -80,7 +80,7 @@ const TableDataCard: FunctionComponent<Props> = ({
};
const OtherDetails: Array<ExtraInfo> = [
{ key: 'Owner', value: owner },
{ key: 'Owner', value: owner, avatarWidth: '16' },
{ key: 'Tier', value: getTier() },
];
if (indexType !== SearchIndex.DASHBOARD && usage !== undefined) {
@ -142,9 +142,9 @@ const TableDataCard: FunctionComponent<Props> = ({
className="tw-inline tw-h-5 tw-w-5"
src={serviceTypeLogo(serviceType || '')}
/>
<h6 className="tw-flex tw-items-center tw-m-0 tw-heading tw-pl-2">
<h6 className="tw-flex tw-items-center tw-m-0 tw-text-base tw-pl-2">
<button
className="tw-text-grey-body tw-font-medium"
className="tw-text-grey-body tw-font-semibold"
data-testid="table-link"
id={`${id}Title`}
onClick={handleLinkClick}>

View File

@ -49,7 +49,7 @@ const TableDataCardBody: FunctionComponent<Props> = ({
return (
<div data-testid="table-body">
<div className="tw-mb-4 tw-flex tw-items-center tw-flex-wrap">
<div className="tw-mb-4 tw-flex tw-items-center tw-flex-wrap tw-text-xs">
{extraInfo.map((info, i) =>
!isNil(info.value) ? (
<span

View File

@ -493,6 +493,7 @@ declare module 'Models' {
placeholderText?: string;
openInNewTab?: boolean;
showLabel?: boolean;
avatarWidth?: string;
};
export type TourSteps = {

View File

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