From fe8f9b1460ebb022e59a5c0881bb481960b6cd21 Mon Sep 17 00:00:00 2001
From: RobertPechaCZ <bofteam@centrum.cz>
Date: Fri, 23 May 2025 20:28:43 +0200
Subject: [PATCH] changes

---
 src/components/Sidebar.tsx | 77 ++++++++++++++++++--------------------
 1 file changed, 36 insertions(+), 41 deletions(-)

diff --git a/src/components/Sidebar.tsx b/src/components/Sidebar.tsx
index 911d1271b..246a844fb 100644
--- a/src/components/Sidebar.tsx
+++ b/src/components/Sidebar.tsx
@@ -113,7 +113,7 @@ const SidebarMenu: React.FC<Props> = ({ data, pathname, indexNameDocs }) => {
         <li>
           <a
             ref={isHome ? activeItemRef : null}
-            href={resourcesUrl.concat('/docs')}
+            href={resourcesUrl.concat('/docs/')}
             className={cn(
               'group flex items-center gap-8 font-semibold hover:text-gray-dark-12',
               {
@@ -181,7 +181,7 @@ const SidebarMenu: React.FC<Props> = ({ data, pathname, indexNameDocs }) => {
                 <li key={`${idx}-${item.slug}`}>
                   <a
                     ref={isActiveSlug(item.slug) ? activeItemRef : null}
-                    href={`${resourcesUrl}/${item.slug}`}
+                    href={resourcesUrl.concat(`/docs/${item.slug}`)}
                     className={cn(
                       'font-semibold text-gray-dark-11 hover:text-gray-dark-12',
                       {
@@ -212,7 +212,9 @@ const SidebarMenu: React.FC<Props> = ({ data, pathname, indexNameDocs }) => {
                             ? activeItemRef
                             : null
                         }
-                        href={`${elizaUrl}/${!sItem.index ? sItem.slug : ''}`}
+                        href={elizaUrl.concat(
+                          `/docs/${item.category}/${!sItem.index ? sItem.slug : ''}`,
+                        )}
                         className={cn(
                           'w-full border-gray-dark-10 py-4 pl-16 text-gray-dark-11 hover:-ml-[1px] hover:border-l hover:text-gray-dark-12',
                           {
@@ -236,6 +238,9 @@ const SidebarMenu: React.FC<Props> = ({ data, pathname, indexNameDocs }) => {
             if (item.category !== ROOT_FALLBACK_CATEGORY) {
               isOpen = isMd ? item.category === activeCategory : true;
 
+              const baseUrl =
+                item.category === 'platform' ? hostingUrl : resourcesUrl;
+
               return (
                 <li key={`${idx}-${item.slug}`}>
                   <details
@@ -251,7 +256,7 @@ const SidebarMenu: React.FC<Props> = ({ data, pathname, indexNameDocs }) => {
                             : null
                         }
                         className="font-semibold capitalize text-gray-dark-11"
-                        href={`/docs/${item.slug}`}
+                        href={baseUrl.concat(`/docs/${item.slug}`)}
                       >
                         <span data-menu-item={`${generateSlug(item.slug)}`}>
                           {item.title}
@@ -281,44 +286,34 @@ const SidebarMenu: React.FC<Props> = ({ data, pathname, indexNameDocs }) => {
                         (
                           sItem: GenerateSidebarResponse[number]['list'][number],
                           idx: number,
-                        ) => {
-                          let url = resourcesUrl.concat('/', item.category);
-
-                          if (item.category === 'platform') {
-                            url = hostingUrl;
-                          }
-
-                          if (['sdk', 'cli'].includes(item.category)) {
-                            url = hostingUrl.concat('/', item.category);
-                          }
-
-                          return (
-                            <a
-                              key={`${idx}-${sItem.slug}`}
-                              ref={
-                                isActiveCategory(item.category) &&
-                                isActiveSlug(sItem.slug)
-                                  ? activeItemRef
-                                  : null
-                              }
-                              href={`${url}/${!sItem.index ? sItem.slug : ''}`}
-                              className={cn(
-                                'w-full border-gray-dark-10 py-4 pl-16 text-gray-dark-11 hover:-ml-[1px] hover:border-l hover:text-gray-dark-12',
-                                {
-                                  '-ml-[1px] border-l border-yellow-dark-11 text-16 font-semibold text-gray-dark-12':
-                                    isActiveCategory(item.category) &&
-                                    isActiveSlug(sItem.slug),
-                                },
-                              )}
+                        ) => (
+                          <a
+                            key={`${idx}-${sItem.slug}`}
+                            ref={
+                              isActiveCategory(item.category) &&
+                              isActiveSlug(sItem.slug)
+                                ? activeItemRef
+                                : null
+                            }
+                            href={baseUrl.concat(
+                              `/docs/${item.category}/${!sItem.index ? sItem.slug : ''}`,
+                            )}
+                            className={cn(
+                              'w-full border-gray-dark-10 py-4 pl-16 text-gray-dark-11 hover:-ml-[1px] hover:border-l hover:text-gray-dark-12',
+                              {
+                                '-ml-[1px] border-l border-yellow-dark-11 text-16 font-semibold text-gray-dark-12':
+                                  isActiveCategory(item.category) &&
+                                  isActiveSlug(sItem.slug),
+                              },
+                            )}
+                          >
+                            <span
+                              data-menu-item={`${generateSlug(sItem.title)}`}
                             >
-                              <span
-                                data-menu-item={`${generateSlug(sItem.title)}`}
-                              >
-                                {sItem.title}
-                              </span>
-                            </a>
-                          );
-                        },
+                              {sItem.title}
+                            </span>
+                          </a>
+                        ),
                       )}
                     </div>
                   </details>