fix: small rendering fixes (#757)

asyncapi · Sep 7, 2023 · 3515f32 · 3515f32
1 parent 92807d1
commit 3515f32
Show file tree

Hide file tree

Showing 5 changed files with 14 additions and 12 deletions.
diff --git a/library/e2e/sites/standalone-without-parser.html b/library/e2e/sites/standalone-without-parser.html
@@ -3,6 +3,7 @@
     <div id="spec"></div>
 
     <script src="../../browser/standalone/without-parser.js"></script>
+    <link rel="stylesheet" href="../../styles/default.min.css" />
 
     <script>
       const schema = {

diff --git a/library/e2e/sites/standalone.html b/library/e2e/sites/standalone.html
@@ -3,6 +3,7 @@
     <div id="spec"></div>
 
     <script src="../../browser/standalone/index.js"></script>
+    <link rel="stylesheet" href="../../styles/default.min.css" />
 
     <script>
       const schema = {

diff --git a/library/src/containers/Messages/Messages.tsx b/library/src/containers/Messages/Messages.tsx
@@ -16,7 +16,7 @@ export const Messages: React.FunctionComponent = () => {
       .messages()
       .all();
 
-  if (!messages || Object.keys(messages).length === 0) {
+  if (!messages || messages.length === 0) {
     return null;
   }
 
@@ -29,17 +29,17 @@ export const Messages: React.FunctionComponent = () => {
         {MESSAGES_TEXT}
       </h2>
       <ul>
-        {Object.entries(messages).map(([messageName, message], idx) => (
+        {messages.map((message, idx) => (
           <li
             className="mb-4"
-            key={messageName}
-            id={CommonHelpers.getIdentifier(`message-${messageName}`, config)}
+            key={message.id()}
+            id={CommonHelpers.getIdentifier(`message-${message.id()}`, config)}
           >
             <Message
-              messageName={messageName}
+              messageName={message.id()}
               message={message}
               index={idx + 1}
-              key={messageName}
+              key={message.id()}
             />
           </li>
         ))}

diff --git a/library/src/containers/Schemas/Schemas.tsx b/library/src/containers/Schemas/Schemas.tsx
@@ -16,7 +16,7 @@ export const Schemas: React.FunctionComponent = () => {
       .schemas()
       .all();
 
-  if (!schemas || Object.keys(schemas).length === 0) {
+  if (!schemas || schemas.length === 0) {
     return null;
   }
 
@@ -29,13 +29,13 @@ export const Schemas: React.FunctionComponent = () => {
         {SCHEMAS_TEXT}
       </h2>
       <ul>
-        {Object.entries(schemas).map(([schemaName, schema]) => (
+        {schemas.map(schema => (
           <li
             className="mb-4"
-            key={schemaName}
-            id={CommonHelpers.getIdentifier(`schema-${schemaName}`, config)}
+            key={schema.id()}
+            id={CommonHelpers.getIdentifier(`schema-${schema.id()}`, config)}
           >
-            <Schema schemaName={schemaName} schema={schema} />
+            <Schema schemaName={schema.id()} schema={schema} />
           </li>
         ))}
       </ul>

diff --git a/library/src/containers/Servers/Servers.tsx b/library/src/containers/Servers/Servers.tsx
@@ -12,7 +12,7 @@ export const Servers: React.FunctionComponent = () => {
     .all();
   const config = useConfig();
 
-  if (!Object.keys(servers).length) {
+  if (!servers.length) {
     return null;
   }