neptune/ghost-portal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Adjust type labels (#6379)

Browse Source 
* Adjust tupe labels

* Remove unused param
This commit is contained in:
Jaco 2021-10-23 12:47:09 +02:00 committed by GitHub
parent 45e9eefb7b
commit 658f2bd12e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
packages/react-components/src/Labelled.tsx
View File

@ -50,6 +50,10 @@ export default React.memo(styled(Labelled)`
display: block;
position: relative;
label {
padding-right: 1rem;
}
.ui--CopyButton {
position: absolute;
top: 0.9rem;
@ -57,7 +61,6 @@ export default React.memo(styled(Labelled)`
}
.withEllipsis {
display: inline;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
@ -87,6 +90,7 @@ export default React.memo(styled(Labelled)`
> label {
left: 3.55rem;
right: 0;
text-align: left;
}
}

8
packages/react-params/src/Param/index.tsx
View File

@ -29,7 +29,11 @@ function Param ({ className = '', defaultValue, isDisabled, isInOption, isOption
);
const label = useMemo(
() => `${isUndefined(name) ? '' : `${name}: `}${formatJSON(`${isDisabled && isInOption ? 'Option<' : ''}${encodeTypeDef(registry, type)}${isDisabled && isInOption ? '>' : ''}`)}${type.typeName ? ` (${type.typeName})` : ''}`,
(): string => {
const fmtType = formatJSON(`${isDisabled && isInOption ? 'Option<' : ''}${encodeTypeDef(registry, type)}${isDisabled && isInOption ? '>' : ''}`);
return `${isUndefined(name) ? '' : `${name}: `}${fmtType}${type.typeName && !fmtType.includes(type.typeName) ? ` (${type.typeName})` : ''}`;
},
[isDisabled, isInOption, name, registry, type]
);
@ -51,7 +55,7 @@ function Param ({ className = '', defaultValue, isDisabled, isInOption, isOption
defaultValue={defaultValue}
isDisabled={isDisabled}
isInOption={isInOption}
key={`${name || 'unknown'}:${type.toString()}`}
key={`${name || 'unknown'}:${label}`}
label={label}
name={name}
onChange={onChange}