fix: check if name is string and use locale

vtexdocs · Nov 29, 2023 · 6185f3b · 6185f3b
1 parent da57db3
commit 6185f3b
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 8 deletions.
diff --git a/src/components/sidebar-elements/index.tsx b/src/components/sidebar-elements/index.tsx
@@ -17,7 +17,7 @@ import { MethodType } from 'utils/typings/types'
 import { LibraryContext } from 'utils/context/libraryContext'
 
 export interface SidebarElement {
-  name: string
+  name: string | { en: string; pt: string; es: string }
   slug: string
   origin: string
   type: string
@@ -108,8 +108,7 @@ const SidebarElements = ({ slugPrefix, items, subItemLevel }: SidebarProps) => {
     endpoint,
     children,
   }: SidebarElement) => {
-    const localizedName: string =
-      typeof name === 'string' ? name : name[`${locale}`]
+    const localizedName: string = typeof name === 'string' ? name : name[locale]
     const isExpandable = children.length > 0
     const pathSuffix = method ? `#${method.toLowerCase()}-${endpoint}` : ''
     const activeItem = method ? `${slug}${pathSuffix}` : slug
@@ -170,7 +169,7 @@ const SidebarElements = ({ slugPrefix, items, subItemLevel }: SidebarProps) => {
           ) : checkDocumentationType(sidebarDataMaster, slug, 'link') ? (
             <Link href={slug} target="_blank" sx={styles.elementText}>
               <IconExternalLink size={16} sx={{ marginRight: '10px' }} />
-              {name}
+              {localizedName}
             </Link>
           ) : (
             <Box

diff --git a/src/components/sidebar-section/index.tsx b/src/components/sidebar-section/index.tsx
@@ -31,6 +31,7 @@ const SidebarSection = ({
     sidebarSectionHidden,
     setSidebarSectionHidden,
     sidebarSections,
+    locale,
   } = useContext(LibraryContext)
   const [methodFilterList, setMethodFilterList] = useState([
     { name: 'POST', active: false },
@@ -44,8 +45,6 @@ const SidebarSection = ({
     (methodFilter) => methodFilter.active
   )
 
-  const { locale } = useContext(LibraryContext)
-
   const filteredResult = useMemo(() => {
     if (!filterStatus && searchValue === '') return categories
 
@@ -63,7 +62,12 @@ const SidebarSection = ({
                 )?.active
               const hasInputFilter =
                 searchValue === '' ||
-                endpoint.name.toLowerCase().includes(searchValue.toLowerCase())
+                (typeof endpoint.name === 'string'
+                  ? endpoint.name
+                  : endpoint.name[locale]
+                )
+                  .toLowerCase()
+                  .includes(searchValue.toLowerCase())
               return hasMethodFilter && hasInputFilter
             })
             return subcategory
@@ -72,7 +76,10 @@ const SidebarSection = ({
             (subcategory) =>
               subcategory.children.length > 0 ||
               (subcategory.type === 'markdown' &&
-                subcategory.name
+                (typeof subcategory.name === 'string'
+                  ? subcategory.name
+                  : subcategory.name[locale]
+                )
                   .toLowerCase()
                   .includes(searchValue.toLowerCase()))
           )