refactor: adjust header metric & style adjust

server/routes.js

@@ -62,7 +62,7 @@ router.route('/meetups/:slug?').get((req, res) => {
   return renderAndCache({ req, res, path: '/meetups' })
 })
 
-// 酷导游
+// 酷导航
 router.route('/cool-guide/:slug?').get((req, res) => {
   return renderAndCache({ req, res, path: '/cool-guide' })
 })

src/components/Header/DesktopView/WorksLayout.tsx → src/components/Header/DesktopView/NormalLayout.tsx

@@ -19,7 +19,7 @@ import {
   Wrapper,
   InnerWrapper,
   RouterWrapper,
-} from '../styles/desktop_view/works_layout'
+} from '../styles/desktop_view/normal_layout'
 
 /* eslint-disable-next-line */
 const log = buildLog('C:Header')
@@ -40,7 +40,7 @@ const hasNoBorder = (metric: TMetric): boolean =>
     METRIC.HELP_CENTER,
   ])
 
-const WorksHeader: FC<TProps> = ({ metric, c11n, community }) => {
+const NormalHeader: FC<TProps> = ({ metric, c11n, community }) => {
   return (
     <Wrapper
       id="whereCallShowDoraemon"
@@ -61,4 +61,4 @@ const WorksHeader: FC<TProps> = ({ metric, c11n, community }) => {
   )
 }
 
-export default WorksHeader
+export default NormalHeader

src/components/Header/DesktopView/index.tsx

@@ -5,7 +5,7 @@ import { METRIC } from '@/constant'
 import type { TProps } from '../index'
 import CommunityLayout from './CommunityLayout'
 import ArticleLayout from './ArticleLayout'
-import WorksLayout from './WorksLayout'
+import NormalLayout from './NormalLayout'
 // import ArticleEditorView from './ArticleEditorView'
 
 const DesktopView: FC<TProps> = (props) => {
@@ -17,14 +17,11 @@ const DesktopView: FC<TProps> = (props) => {
     case METRIC.WORKS_ARTICLE: {
       return <ArticleLayout {...props} />
     }
-    case METRIC.WORKS: {
-      return <WorksLayout {...props} />
+    case METRIC.COMMUNITY: {
+      return <CommunityLayout {...props} />
     }
-    // case METRIC.ARTICLE_EDITOR: {
-    //   return <ArticleEditorView metric={metric} />
-    // }
     default: {
-      return <CommunityLayout {...props} />
+      return <NormalLayout {...props} />
     }
   }
 }

src/components/Navigator/MainEntries/DesktopView.tsx

@@ -42,7 +42,7 @@ const DesktopView: FC<TProps> = ({ type }) => {
           active={mainPath === ROUTE.COOL_GUIDE}
           testid={`header-${ROUTE.COOL_GUIDE}`}
         >
-          酷导游
+          酷导航
         </SiteLink>
       </Link>
       <DotDivider space={splitMargin} />

src/components/Navigator/MorePanel/MobileView.tsx

@@ -25,7 +25,7 @@ const items = [
   },
   {
     icon: `${ICON}/route/cool-guide.svg`,
-    title: '酷导游',
+    title: '酷导航',
     desc: '发现有意思的东西',
     href: `/${ROUTE.DISCOVERY}`,
     raw: 12,

src/containers/content/CoolGuideContent/FilterBar.tsx

@@ -29,7 +29,7 @@ const FilterBar: FC<TProps> = ({ topFilter, menuOnSelect }) => {
     <Wrapper testid="filter-bar">
       <TopFilter>
         <NaviIntro
-          title="酷导游"
+          title="酷导航"
           desc="the cool guide"
           iconSrc={`${ICON_CMD}/navi/cool-guide-logo.svg`}
         />

src/containers/content/CoolGuideContent/index.tsx

@@ -6,7 +6,9 @@
 
 import { FC } from 'react'
 
+import { METRIC } from '@/constant'
 import type { TMetric } from '@/spec'
+
 import { buildLog } from '@/utils/logger'
 import { pluggedIn } from '@/utils/mobx'
 
@@ -21,14 +23,14 @@ import { useInit, menuOnSelect } from './logic'
 const log = buildLog('C:CoolGuideContent')
 
 type TProps = {
-  coolGuideContent: TStore
-  metric: TMetric
+  coolGuideContent?: TStore
+  metric?: TMetric
   testid?: string
 }
 
 const CoolGuideContentContainer: FC<TProps> = ({
   coolGuideContent: store,
-  metric,
+  metric = METRIC.COOL_GUIDE,
   testid = 'cool-guide-content',
 }) => {
   useInit(store)

src/containers/content/RecipesContent/Footer/index.js

@@ -24,7 +24,7 @@ const Footer = () => {
   return (
     <Wrapper>
       <AboutBlock>
-        关于酷导游
+        关于酷导航
         <Desc>共收录信息 3485 条，最后更新：3小时前</Desc>
         <ArrowButton>参与贡献</ArrowButton>
       </AboutBlock>

src/containers/content/TrendingContent/Footer/index.js

@@ -24,7 +24,7 @@ const Footer = () => {
   return (
     <Wrapper>
       <AboutBlock>
-        关于酷导游
+        关于酷导航
         <Desc>共收录信息 3485 条，最后更新：3小时前</Desc>
         <ArrowButton>参与贡献</ArrowButton>
       </AboutBlock>

src/pages/cool-guide.js → src/pages/cool-guide.tsx

@@ -13,7 +13,7 @@ import CoolGuideContent from '@/containers/content/CoolGuideContent'
 
 import { useStore } from '@/stores/init'
 
-const fetchData = async (props, opt) => {
+const fetchData = async (props, opt = {}) => {
   const { realname } = merge({ realname: true }, opt)
 
   const token = realname ? getJwtToken(props) : null
@@ -65,7 +65,7 @@ const CoolGuidePage = (props) => {
 
   const seoConfig = {
     url: `${SITE_URL}/${ROUTE.COOL_GUIDE}`,
-    title: '酷导游 | coderplanets',
+    title: '酷导航 | coderplanets',
     description: 'IT导航界的特斯拉',
   }