fix: 移除文档贡献者 label, 否则没有贡献者也会展示，有点丑 (#315)

Co-authored-by: xinming <xinming.lxj@antfin.com>
antvis · Mar 31, 2021 · 9f4644e · 9f4644e
1 parent 1c28260
commit 9f4644e
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 7 deletions.
diff --git a/@antv/gatsby-theme-antv/site/components/Contributors.tsx b/@antv/gatsby-theme-antv/site/components/Contributors.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import _ from 'lodash';
 import { Avatar, Tooltip } from 'antd';
+import { useTranslation } from 'react-i18next';
 import styles from './Contributors.module.less';
 
 type Props = {
@@ -15,6 +16,8 @@ type Props = {
 const Contributors: React.FC<Props> = (props) => {
   const { contributors, style } = props;
 
+  const { t } = useTranslation();
+
   const openGithub = (githubId: string) => {
     window.open(`https://github.com/${githubId}`);
   };
@@ -23,7 +26,7 @@ const Contributors: React.FC<Props> = (props) => {
     <div className={styles.docsContributors} style={style || {}}>
       {_.map(contributors, ({ author, avatar, github }) => {
         return (
-          <Tooltip title={author}>
+          <Tooltip title={`${t('贡献者')}: ${author}`}>
             <span onClick={() => openGithub(github)}>
               <Avatar size={24} src={avatar} />
             </span>

diff --git a/@antv/gatsby-theme-antv/site/templates/document.tsx b/@antv/gatsby-theme-antv/site/templates/document.tsx
@@ -436,8 +436,10 @@ export default function Template({
             </h1>
             <div className={styles.meta}>
               <ReadingTime readingTime={readingTime} />
-              <span className={styles.contributorsLabel}>{t('贡献者')}:</span>
-              <Contributors contributors={frontmatter.contributors} />
+              <Contributors
+                style={{ marginLeft: '8px' }}
+                contributors={frontmatter.contributors}
+              />
             </div>
             <div className={styles.content}>{renderAst(htmlAst)}</div>
             <div>

diff --git a/@antv/gatsby-theme-antv/site/templates/markdown.module.less b/@antv/gatsby-theme-antv/site/templates/markdown.module.less
@@ -228,10 +228,6 @@
       .contentReset;
     }
   }
-
-  .contributors-label {
-    margin: 0 8px;
-  }
 }
 
 // reference yuque UI