fix: corrected anchor tags href in Playground sidebar

asyncapi · Dec 12, 2023 · 50d6545 · 50d6545
1 parent 865f523
commit 50d6545
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/library/src/containers/Operations/Operation.tsx b/library/src/containers/Operations/Operation.tsx
@@ -241,6 +241,7 @@ export const OperationInfo: React.FunctionComponent<Props> = props => {
           <span
             className={`font-mono border uppercase p-1 rounded mr-2 ${borderColor}`}
             title={type}
+            id={channelName}
           >
             {typeLabel}
           </span>{' '}

diff --git a/library/src/containers/Sidebar/Sidebar.tsx b/library/src/containers/Sidebar/Sidebar.tsx
@@ -360,7 +360,7 @@ const OperationsList: React.FunctionComponent = () => {
 interface OperationItemProps {
   channelName: string;
   summary: string;
-  kind: 'publish' | 'subscribe';
+  kind: 'subscribe' | 'publish';
 }
 
 const OperationItem: React.FunctionComponent<OperationItemProps> = ({
@@ -383,7 +383,7 @@ const OperationItem: React.FunctionComponent<OperationItemProps> = ({
     <li>
       <a
         className="flex no-underline text-gray-700 mb-2 hover:text-gray-900"
-        href={`#operation-${kind}-${channelName}`}
+        href={'#' + channelName}
         onClick={() => setShowSidebar(false)}
       >
         <span