feat: remove extra logic

Author: MuYunyun

packages/crd-seed/component/Header/index.js

@@ -20,8 +20,8 @@
 
 .header {
   box-shadow: 0 2px 8px #f0f1f2;
-  line-height: 64px;
-  min-height: 64px;
+  line-height: 60px;
+  height: 60px;
   position: relative;
   width: 100%;
   top: 0;

packages/crd-seed/component/Header/index.less

@@ -1,6 +1,6 @@
 import styles from './index.less'
 
-const Footer = () => {
+const NoMatch = () => {
   // eslint-disable-next-line no-undef
   const { user, repo } = DOCSCONFIG || {}
   return (
@@ -18,4 +18,4 @@ const Footer = () => {
   )
 }
 
-export default Footer
+export default NoMatch

packages/crd-seed/component/NoMatch/index.js

@@ -0,0 +1,30 @@
+import styles from './index.less'
+
+const Tags = () => {
+  const { user, repo } = DOCSCONFIG || {}
+  return (
+    <div className={styles.tags}>
+      <div className={styles['tags-title']}>tags</div>
+      <div className={styles['tags-content']}>
+        <a className={styles['tags-text']}>Annual Summary</a>
+        <a className={styles['tags-text']}>css</a>
+        <a className={styles['tags-text']}>ES7</a>
+        <a className={styles['tags-text']}>hooks</a>
+        <a className={styles['tags-text']}>JavaScript</a>
+        <a className={styles['tags-text']}>Mvvm</a>
+        <a className={styles['tags-text']}>Node.js</a>
+        <a className={styles['tags-text']}>Promise</a>
+        <a className={styles['tags-text']}>Python</a>
+        <a className={styles['tags-text']}>React</a>
+        <a className={styles['tags-text']}>Redux</a>
+        <a className={styles['tags-text']}>SEO</a>
+        <a className={styles['tags-text']}>Schedule</a>
+        <a className={styles['tags-text']}>TypeScript</a>
+        <a className={styles['tags-text']}>alfred workflow</a>
+        <a className={styles['tags-text']}>blog</a>
+      </div>
+    </div>
+  )
+}
+
+export default Tags

packages/crd-seed/component/Tags/index.js

@@ -0,0 +1,28 @@
+.tags {
+  width: 100%;
+  padding: 0 20px;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+
+  &-title {
+    font-family: Palatino, Garamond, Times, Georgia, serif;
+    font-size: 24px;
+    font-weight: 400;
+    margin: initial;
+    text-align: center;
+    overflow-wrap: break-word;
+    word-wrap: break-word;
+  }
+
+  &-content {
+    width: 100%;
+  }
+
+  &-text {
+    color: #6f6f6f;
+    padding: 10px;
+  }
+}

packages/crd-seed/component/Tags/index.less

@@ -1,6 +1,7 @@
 import { Switch, Route } from 'react-router-dom'
 import BasicLayout from './layout'
 import NoMatch from './component/NoMatch'
+import Tags from './component/Tags'
 import './index.less'
 
 // run in the Web/Router.js
@@ -11,6 +12,10 @@ const ThemeSeed = (props) => {
         path="/404"
         render={routeProps => <NoMatch {...routeProps} {...props} />}
       />
+      <Route
+        path="/tags"
+        render={routeProps => <Tags {...routeProps} {...props} />}
+      />
       <Route
         path="/"
         render={(routeProps) => {

packages/crd-seed/index.js

@@ -267,10 +267,10 @@ function BasicLayout({
     <div className={styles.wrapper}>
       <Header
         logo={logo}
-        href={ifAddPrefix ? `/${repo}` : `/`}
-        location={location}
-        indexProps={indexProps}
-        menuSource={menuSource}
+        // href={ifAddPrefix ? `/${repo}` : `/`}
+        // location={location}
+        // indexProps={indexProps}
+        // menuSource={menuSource}
       />
       <div
         className={cx(styles.wrapperContent, {