fix(sidebar): resolved sidebar hash URL navigation issue (#1116)

Aditya0732 · Aditya0733 · web-flow · commit 42bb467d10d2 · 2024-12-09T12:29:00.000+01:00
Co-authored-by: Aditya Patil - Parallel Minds &lt;aditya.patil@parallel-minds.com&gt;
diff --git a/library/src/containers/Sidebar/Sidebar.tsx b/library/src/containers/Sidebar/Sidebar.tsx
@@ -41,7 +41,7 @@ export const Sidebar: React.FunctionComponent = () => {
           <li key={`menu-message-list-${message.name() ?? index}`}>
             <a
               className="flex break-words no-underline text-gray-700 mt-2 hover:text-gray-900"
-              href={`#message-${message.name()}`}
+              href={`#message-${message.name() ?? message.id()}`}
               onClick={() => setShowSidebar(false)}
             >
               <div className="break-all inline-block">{message.id()}</div>

Original file line number	Diff line number	Diff line change
`@@ -41,7 +41,7 @@ export const Sidebar: React.FunctionComponent = () => {`
`41`	`41`	<li key={`menu-message-list-${message.name() ?? index}`}>
`42`	`42`	`<a`
`43`	`43`	`className="flex break-words no-underline text-gray-700 mt-2 hover:text-gray-900"`
`44`		- href={`#message-${message.name()}`}
	`44`	+ href={`#message-${message.name() ?? message.id()}`}
`45`	`45`	`onClick={() => setShowSidebar(false)}`
`46`	`46`	`>`
`47`	`47`	`<div className="break-all inline-block">{message.id()}</div>`