fix bugs in React

0292568684 · Jun 23, 2021 · 1187479 · 1187479
1 parent 15e33f0
commit 1187479
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 8 deletions.
diff --git a/components/SidebarNav.tsx b/components/SidebarNav.tsx
@@ -10,7 +10,7 @@ import { useVersion } from './hooks/useVersion'
 
 export const SidebarNav = () => {
   const router = useRouter()
-  const { error, relativePath } = useMainContext()
+  const { error, relativePath, isFPT } = useMainContext()
   const { t } = useTranslation('header')
 
   return (
@@ -39,7 +39,7 @@ export const SidebarNav = () => {
       <nav>
         {error === '404' || relativePath === 'index.md' ? (
           <ul className="sidebar-products mt-4">
-            {<AllProductsLink />}
+            {!isFPT && <AllProductsLink />}
             <SidebarHomepage />
           </ul>
         ) : (
@@ -66,17 +66,17 @@ export const SidebarNav = () => {
 const SidebarHomepage = () => {
   const router = useRouter()
   const { currentVersion } = useVersion()
-  const { activeProducts } = useMainContext()
+  const { activeProducts, isFPT } = useMainContext()
 
   return (
     <>
       {activeProducts.map((product) => {
-        if (!product.versions?.includes(currentVersion) && !product.external) {
+        if (!isFPT && !product.versions?.includes(currentVersion) && !product.external) {
           return null
         }
 
         const href = `${!product.external ? `/${router.locale}` : ''}${
-          product.versions?.includes(currentVersion)
+          product.versions?.includes(currentVersion) && !isFPT
             ? `/${currentVersion}/${product.id}`
             : product.href
         }`

diff --git a/components/context/MainContext.tsx b/components/context/MainContext.tsx
@@ -72,6 +72,7 @@ export type MainContextT = {
   currentProduct?: ProductT
   currentLayoutName: string
   isHomepageVersion: boolean
+  isFPT: boolean
   data: DataT
   airGap?: boolean
   error: string
@@ -116,6 +117,7 @@ export const getMainContextFromRequest = (req: any): MainContextT => {
     currentProduct: req.context.productMap[req.context.currentProduct] || null,
     currentLayoutName: req.context.currentLayoutName,
     isHomepageVersion: req.context.page?.documentType === 'homepage',
+    isFPT: req.context.currentVersion === 'free-pro-team@latest',
     error: req.context.error ? req.context.error.toString() : '',
     data: {
       ui: req.context.site.data.ui,

diff --git a/pages/index.tsx b/pages/index.tsx
@@ -44,7 +44,7 @@ type LandingPageProps = {
 function LandingPage(props: LandingPageProps) {
   const router = useRouter()
   const { gettingStartedLinks, popularLinks } = props
-  const { activeProducts } = useMainContext()
+  const { activeProducts, isFPT } = useMainContext()
   const { currentVersion } = useVersion()
   const { t } = useTranslation(['homepage', 'search', 'toc'])
   return (
@@ -80,12 +80,12 @@ function LandingPage(props: LandingPageProps) {
           </h2>
           <div className="d-flex flex-wrap gutter gutter-xl-spacious">
             {activeProducts.map((product) => {
-              if (!product.versions?.includes(currentVersion) && !product.external) {
+              if (!isFPT && !product.versions?.includes(currentVersion) && !product.external) {
                 return null
               }
 
               const href = `${!product.external ? `/${router.locale}` : ''}${
-                product.versions?.includes(currentVersion)
+                product.versions?.includes(currentVersion) && !isFPT
                   ? `/${currentVersion}/${product.id}`
                   : product.href
               }`