fix: dropdown icon when no option is selected

GetStream · Jul 3, 2023 · b2d0472 · b2d0472
1 parent eea44d3
commit b2d0472
Showing 1 changed file with 9 additions and 14 deletions.
diff --git a/src/theme/NavbarItem/index.js b/src/theme/NavbarItem/index.js
@@ -30,6 +30,14 @@ function CustomNavbarItem(props) {
 
   const { isLoggedIn } = useAuthContext()
 
+  // Add platform label with icon
+  const sdks =
+    items &&
+    useMemo(
+      () => items.map(sdk => ({ ...sdk, label: PlatformLabel(sdk) })),
+      [items]
+    )
+
   const selectedSDK = useMemo(() => {
     if (label === "SDK" && items.length) {
       return items.find(item =>
@@ -38,12 +46,6 @@ function CustomNavbarItem(props) {
     }
   }, [items, label, pathname])
 
-  if (selectedSDK) {
-    return (
-      <PlatformNavbarItem {...itemProps} label={PlatformLabel(selectedSDK)} />
-    )
-  }
-
   if (
     type === "docsVersionDropdown" &&
     pathname
@@ -79,18 +81,11 @@ function CustomNavbarItem(props) {
     <OriginalNavbarItem
       {...itemProps}
       docId={activeVersion && activeVersion.mainDocId}
+      items={sdks}
     />
   )
 }
 
-const PlatformNavbarItem = ({ items, ...props }) => {
-  const sdks = useMemo(
-    () => items.map(sdk => ({ ...sdk, label: PlatformLabel(sdk) })),
-    [items]
-  )
-  return <OriginalNavbarItem {...props} items={sdks} />
-}
-
 const PlatformLabel = ({ id, label }) => (
   <span className="navbar__link__sdk">
     {id && (