From 50d6545cd74ff1c13b2a1db6acf7e60ae18c1e30 Mon Sep 17 00:00:00 2001
From: Santhosh Mani <pitakasanthosh@gmail.com>
Date: Tue, 12 Dec 2023 01:36:01 +0000
Subject: [PATCH] fix: corrected anchor tags href in Playground sidebar

---
 library/src/containers/Operations/Operation.tsx | 1 +
 library/src/containers/Sidebar/Sidebar.tsx      | 4 ++--
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/library/src/containers/Operations/Operation.tsx b/library/src/containers/Operations/Operation.tsx
index 51ad667dc..080e47056 100644
--- 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
index 92b3d2df8..0069ab17d 100644
--- 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