From 422b50d6ee94c04f0c9e860253210e7c889accb9 Mon Sep 17 00:00:00 2001
From: parthikjadav <149650443+parthikjadav@users.noreply.github.com>
Date: Tue, 26 Nov 2024 12:57:46 +0530
Subject: [PATCH] Update Sidebar.tsx

fixed undefined name to id
---
 library/src/containers/Sidebar/Sidebar.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/library/src/containers/Sidebar/Sidebar.tsx b/library/src/containers/Sidebar/Sidebar.tsx
index 52c74a849..ef5db78c2 100644
--- a/library/src/containers/Sidebar/Sidebar.tsx
+++ b/library/src/containers/Sidebar/Sidebar.tsx
@@ -39,9 +39,10 @@ export const Sidebar: React.FunctionComponent = () => {
       <ul className="text-sm mt-2">
         {messages.map((message, index) => (
           <li key={`menu-message-list-${message.name() ?? index}`}>
+          // fixed the href message.name() to message.id() to fix undifined name 
             <a
               className="flex break-words no-underline text-gray-700 mt-2 hover:text-gray-900"
-              href={`#message-${message.name()}`}
+              href={`#message-${message.id()}`}
               onClick={() => setShowSidebar(false)}
             >
               <div className="break-all inline-block">{message.id()}</div>