fix(route): home page navi fails

Author: mydearxym

config/config.json

@@ -59,7 +59,7 @@
   "//--- contact configs ---//": "",
   "EMAIL_SUPPORT": "coderplanets@outlook.com",
   "// GRAPHQL_ENDPOINT": "https://api.coderplanets.com/graphiql",
-  "BUILD_VERSION": "v2.0.87",
+  "BUILD_VERSION": "v2.0.88",
   "// 1000 * 60 * 10 = 10 mins": "",
   "SSR_CACHE_TIME": 60000
 }

deploy/production/web.tar.gz

@@ -1,8 +1,9 @@
 import { FC, memo } from 'react'
-import Link from 'next/link'
 
 import { ICON, ICON_CMD } from '@/config'
+
 import { ROUTE } from '@/constant'
+import { changeToCommunity } from '@/utils/helper'
 
 import {
   Wrapper,
@@ -17,49 +18,49 @@ const items = [
   {
     icon: `${ICON}/menu/shop.svg`,
     title: '作品集市',
-    href: `/${ROUTE.PLAZA}`,
+    target: ROUTE.PLAZA,
     raw: 11,
   },
   {
     icon: `${ICON}/route/cool-guide.svg`,
     title: '酷导航',
-    href: `/${ROUTE.COOL_GUIDE}`,
+    target: ROUTE.COOL_GUIDE,
     raw: 12,
   },
   {
     icon: `${ICON}/route/cup.svg`,
     title: '来一杯',
-    href: `/${ROUTE.HAVE_A_DRINK}`,
+    target: ROUTE.HAVE_A_DRINK,
     raw: 14,
   },
   {
     icon: `${ICON}/route/meetup.svg`,
     title: '小聚',
-    href: `/${ROUTE.MEETUPS}`,
+    target: ROUTE.MEETUPS,
     raw: 15,
   },
   {
     icon: `${ICON_CMD}/header/more_data.svg`,
     title: 'Trending',
-    href: `/${ROUTE.TRENDING}`,
+    target: ROUTE.TRENDING,
     raw: 8,
   },
   {
     icon: `${ICON}/menu/makers2.svg`,
     title: 'Makers',
-    href: '/makers',
+    target: 'markers',
     raw: 2,
   },
   {
     icon: `${ICON}/menu/vip.svg`,
     title: '会员',
-    href: `/${ROUTE.MEMBERSHIP}`,
+    target: ROUTE.MEMBERSHIP,
     raw: 28,
   },
   {
     icon: `${ICON}/menu/ear.svg`,
     title: '建议反馈',
-    href: '/feedback',
+    target: 'feedback',
     raw: 30,
   },
 ]
@@ -69,14 +70,17 @@ const MoreContent: FC = () => {
     <Wrapper mobile>
       <BodyWrapper>
         {items.map((item, index) => (
-          <Link key={item.href} href={item.href} passHref>
-            <Entry index={index} mobile>
-              <Logo src={item.icon} />
-              <Intro>
-                <Title>{item.title}</Title>
-              </Intro>
-            </Entry>
-          </Link>
+          <Entry
+            key={item.target}
+            index={index}
+            mobile
+            onClick={() => changeToCommunity(item.target)}
+          >
+            <Logo src={item.icon} />
+            <Intro>
+              <Title>{item.title}</Title>
+            </Intro>
+          </Entry>
         ))}
       </BodyWrapper>
     </Wrapper>

src/widgets/Navigator/MorePanel/MobileView.tsx

@@ -5,7 +5,7 @@ import Link from 'next/link'
 
 import type { TCommunity, TPost } from '@/spec'
 import { EVENT } from '@/constant'
-import { send } from '@/utils/helper'
+import { send, changeToCommunity } from '@/utils/helper'
 
 import { SpaceGrow } from '@/widgets/Common'
 import DigestSentence from '@/widgets/DigestSentence'
@@ -50,9 +50,11 @@ const Body: FC<TProps> = ({ item, curCommunity }) => {
                 placement="bottom-start"
                 delay={1500}
               >
-                <Link href={`/${originalCommunity.raw}`} passHref>
-                  <CommunityLabel>{originalCommunity.title}</CommunityLabel>
-                </Link>
+                <CommunityLabel
+                  onClick={() => changeToCommunity(originalCommunity.raw)}
+                >
+                  {originalCommunity.title}
+                </CommunityLabel>
               </Tooltip>
               <LabelDivider />
             </Fragment>

src/widgets/PostItem/DesktopView/Body.tsx

@@ -1,9 +1,8 @@
 import { FC } from 'react'
 
 import type { TPost, TCommunity } from '@/spec'
-import { cutRest } from '@/utils/helper'
+import { cutRest, changeToCommunity } from '@/utils/helper'
 import { ICON_CMD } from '@/config'
-import Link from 'next/link'
 
 import DotDivider from '@/widgets/DotDivider'
 
@@ -30,9 +29,11 @@ const Footer: FC<TProps> = ({ item, curCommunity }) => {
     <Wrapper>
       <Extra>
         {showOriginalCommunity && (
-          <Link href={`/${originalCommunity.raw}`} passHref>
-            <CommunityLabel>{originalCommunity.title}</CommunityLabel>
-          </Link>
+          <CommunityLabel
+            onClick={() => changeToCommunity(originalCommunity.raw)}
+          >
+            {originalCommunity.title}
+          </CommunityLabel>
         )}
 
         {showOriginalCommunity && <DotDivider radius={3} space={6} />}

src/widgets/PostItem/MobileView/Footer.tsx

@@ -23,7 +23,7 @@ export const LeftPart = styled.div`
   ${css.flex('align-center')};
 `
 
-export const CommunityLabel = styled.a`
+export const CommunityLabel = styled.div`
   color: inherit;
   padding-left: 14px;
   position: relative;

src/widgets/PostItem/styles/desktop_view/body.ts

@@ -7,7 +7,7 @@ import Img from '@/Img'
 export const Wrapper = styled.div`
   margin-top: -10px;
 `
-export const CommunityLabel = styled.a`
+export const CommunityLabel = styled.div`
   color: inherit;
   padding-left: 14px;
   position: relative;