fix: incorrect rendering of security schemas (#995)

asyncapi · Apr 25, 2024 · 3be2456 · 3be2456
1 parent ed66855
commit 3be2456
Showing 1 changed file with 5 additions and 16 deletions.
diff --git a/library/src/containers/Servers/Security.tsx b/library/src/containers/Servers/Security.tsx
@@ -6,7 +6,6 @@ import {
 } from '@asyncapi/parser';
 
 import { Href, Markdown } from '../../components';
-import { useSpec } from '../../contexts';
 import { ServerHelpers } from '../../helpers';
 
 interface Props {
@@ -20,29 +19,20 @@ export const Security: React.FunctionComponent<Props> = ({
  protocol = '',
  header = 'Security',
 }) => {
- const asyncapi = useSpec();
- const securitySchemes =
- !asyncapi.components().isEmpty() && asyncapi.components().securitySchemes();
-
  let renderedSecurities;
- if (
- !security?.length ||
- !securitySchemes ||
- !Object.keys(securitySchemes).length
- ) {
+ if (!security?.length) {
  if (protocol === 'kafka' || protocol === 'kafka-secure') {
  renderedSecurities = (
  <SecurityItem protocol={protocol} securitySchema={null} />
  );
  }
  } else {
  const securities: React.ReactNodeArray = Object.values(security)
+ .map((requirements) => requirements.all())
+ .flat()
  .map((requirement) => {
- const requirements = requirement.all();
- const key = Object.keys(requirements)[0];
- const def = securitySchemes[Number(key)];
- // eslint-disable-next-line @typescript-eslint/no-explicit-any
- const requiredScopes: any = requirements[Number(key)];
+ const def = requirement.scheme();
+ const requiredScopes = requirement.scopes();
 
  if (!def) {
  return null;
@@ -51,7 +41,6 @@ export const Security: React.FunctionComponent<Props> = ({
  <SecurityItem
  protocol={protocol}
  securitySchema={def}
- // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
  requiredScopes={requiredScopes}
  key={def.type()}
  />