fix: not show scopes if keys empty or not exist

This commit is contained in:
Alex Varchuk 2022-04-29 14:18:23 +03:00
parent 7a404863f9
commit a31e55ed59

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>
);