fix: not show scopes if keys empty or not exist (#1975)

This commit is contained in:
AlexVarchuk 2022-05-03 11:25:46 +03:00 committed by GitHub
parent 0fa08faab1
commit 4e793f07a8
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -23,6 +23,7 @@ export interface OAuthFlowProps {
export class OAuthFlow extends React.PureComponent<OAuthFlowProps> {
render() {
const { type, flow } = this.props;
const scopesNames = Object.keys(flow?.scopes || {});
return (
<tr>
<th> {type} OAuth Flow </th>
@ -45,16 +46,21 @@ export class OAuthFlow extends React.PureComponent<OAuthFlowProps> {
{flow!.refreshUrl}
</div>
)}
<div>
<strong> Scopes: </strong>
</div>
<ul>
{Object.keys(flow!.scopes || {}).map(scope => (
<li key={scope}>
<code>{scope}</code> - <Markdown inline={true} source={flow!.scopes[scope] || ''} />
</li>
))}
</ul>
{!!scopesNames.length && (
<>
<div>
<strong> Scopes: </strong>
</div>
<ul>
{scopesNames.map(scope => (
<li key={scope}>
<code>{scope}</code> -{' '}
<Markdown inline={true} source={flow!.scopes[scope] || ''} />
</li>
))}
</ul>
</>
)}
</td>
</tr>
);