This is an automated email from the ASF dual-hosted git repository.

zhongjiajie pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/dolphinscheduler-website.git


The following commit(s) were added to refs/heads/master by this push:
     new 067bbe54cf add pmc and committer display (#927)
067bbe54cf is described below

commit 067bbe54cf9b19105c614e19dacaa11c6e46ce1c
Author: Devosend <[email protected]>
AuthorDate: Wed Dec 6 13:43:06 2023 +0800

    add pmc and committer display (#927)
---
 public/images/contributor/caishunfeng.jpeg | Bin 0 -> 112441 bytes
 public/images/contributor/dongkai.jpeg     | Bin 0 -> 179425 bytes
 public/images/contributor/gaojun.jpeg      | Bin 0 -> 130823 bytes
 public/images/contributor/leonbao.jpeg     | Bin 0 -> 32418 bytes
 public/images/contributor/lidong.jpeg      | Bin 0 -> 48010 bytes
 public/images/contributor/lifeng.jpeg      | Bin 0 -> 8468833 bytes
 public/images/contributor/liuli.jpeg       | Bin 0 -> 128728 bytes
 public/images/contributor/wenjun.jpeg      | Bin 0 -> 211665 bytes
 public/images/contributor/yifei.jpeg       | Bin 0 -> 46773 bytes
 public/images/contributor/zenghui.jpeg     | Bin 0 -> 695346 bytes
 public/images/contributor/zhongjiajie.jpeg | Bin 0 -> 4862379 bytes
 src/views/Community/index.jsx              | 155 ++++++++++++++++++++++++++++-
 src/views/Community/index.scss             |  28 ++++++
 13 files changed, 182 insertions(+), 1 deletion(-)

diff --git a/public/images/contributor/caishunfeng.jpeg 
b/public/images/contributor/caishunfeng.jpeg
new file mode 100644
index 0000000000..adc5515519
Binary files /dev/null and b/public/images/contributor/caishunfeng.jpeg differ
diff --git a/public/images/contributor/dongkai.jpeg 
b/public/images/contributor/dongkai.jpeg
new file mode 100644
index 0000000000..8fac043d11
Binary files /dev/null and b/public/images/contributor/dongkai.jpeg differ
diff --git a/public/images/contributor/gaojun.jpeg 
b/public/images/contributor/gaojun.jpeg
new file mode 100644
index 0000000000..595439de8d
Binary files /dev/null and b/public/images/contributor/gaojun.jpeg differ
diff --git a/public/images/contributor/leonbao.jpeg 
b/public/images/contributor/leonbao.jpeg
new file mode 100644
index 0000000000..6b9d2ea4eb
Binary files /dev/null and b/public/images/contributor/leonbao.jpeg differ
diff --git a/public/images/contributor/lidong.jpeg 
b/public/images/contributor/lidong.jpeg
new file mode 100644
index 0000000000..d151106dc7
Binary files /dev/null and b/public/images/contributor/lidong.jpeg differ
diff --git a/public/images/contributor/lifeng.jpeg 
b/public/images/contributor/lifeng.jpeg
new file mode 100644
index 0000000000..6a27e1a541
Binary files /dev/null and b/public/images/contributor/lifeng.jpeg differ
diff --git a/public/images/contributor/liuli.jpeg 
b/public/images/contributor/liuli.jpeg
new file mode 100644
index 0000000000..7306afd39f
Binary files /dev/null and b/public/images/contributor/liuli.jpeg differ
diff --git a/public/images/contributor/wenjun.jpeg 
b/public/images/contributor/wenjun.jpeg
new file mode 100644
index 0000000000..85a5de2ae5
Binary files /dev/null and b/public/images/contributor/wenjun.jpeg differ
diff --git a/public/images/contributor/yifei.jpeg 
b/public/images/contributor/yifei.jpeg
new file mode 100644
index 0000000000..bf9576f6a6
Binary files /dev/null and b/public/images/contributor/yifei.jpeg differ
diff --git a/public/images/contributor/zenghui.jpeg 
b/public/images/contributor/zenghui.jpeg
new file mode 100644
index 0000000000..1ce95d8f83
Binary files /dev/null and b/public/images/contributor/zenghui.jpeg differ
diff --git a/public/images/contributor/zhongjiajie.jpeg 
b/public/images/contributor/zhongjiajie.jpeg
new file mode 100644
index 0000000000..d03467f001
Binary files /dev/null and b/public/images/contributor/zhongjiajie.jpeg differ
diff --git a/src/views/Community/index.jsx b/src/views/Community/index.jsx
index 1a5d5647ca..3a10dffa09 100644
--- a/src/views/Community/index.jsx
+++ b/src/views/Community/index.jsx
@@ -1,4 +1,5 @@
-import { Button } from "antd";
+import { useState } from "react";
+import { Button, List, Skeleton, Avatar } from "antd";
 import {
   GithubOutlined,
   SlackOutlined,
@@ -6,6 +7,7 @@ import {
   MailFilled,
 } from "@ant-design/icons";
 import { ArrowRightOutlined } from "@ant-design/icons";
+import { useParams } from "react-router-dom";
 import { SLACK_LINK, GITHUB_LINK, TWITTER_LINK, EMAIL } from "../../config";
 import { useTranslation } from "../../hooks";
 import "./index.scss";
@@ -61,8 +63,112 @@ const subs = [
   },
 ];
 
+const PMCMembers = [
+  {githubId: 'William-GuoWei', publicName: 'Guo William'},
+  {githubId: 'davidzollo',     publicName: 'Lidong Dai', image: 'lidong'},
+  {githubId: 'CalvinKirs',     publicName: 'Calvin Kirs'},
+  {githubId: 'zhongjiajie',    publicName: 'Jiajie Zhong', image: 
'zhongjiajie'},
+  {githubId: 'kamaci', publicName: 'Furkan Kamaci'},
+  {githubId: 'gaojun2048',     publicName: 'EricJoy2048        Jun Gao', 
image: 'gaojun'},
+  {githubId: 'lgcareer',       publicName: 'Gang Li'},
+  {githubId: 'caishunfeng',    publicName: 'ShunFeng Cai', image: 
'caishunfeng'},
+  {githubId: 'ruanwenjun',     publicName: 'Wenjun Ruan', image: 'wenjun'},
+  {githubId: 'lenboo', publicName: 'Leon Bao', image: 'leonbao'},
+  {githubId: 'Technoboy-',     publicName: 'Guo Jiwei'},
+  {githubId: 'wu-sheng',       publicName: 'Sheng Wu'},
+  {githubId: 'calvinjiang',    publicName: 'Hua Jiang'},
+  {githubId: 'songjianet',     publicName: 'Jian Song'},
+  {githubId: 'zhuangchong',    publicName: 'Chong Zhuang'},
+  {githubId: 'JinyLeeChina',   publicName: 'JinyLeeChina'},
+  {githubId: 'djkevincr',      publicName: 'Kevin Ratnasekera'},
+  {githubId: 'EricGao888',     publicName: 'Chufeng Gao'},
+  {githubId: 'chenliang613',   publicName: 'Liang Chen'},
+  {githubId: 'qiaozhanwei',    publicName: 'Qiao Zhanwei'},
+  {githubId: 'shaofengshi',    publicName: 'Shao Feng Shi'},
+  {githubId: 'Baoqi',  publicName: 'Wu Baoqi'},
+  {githubId: 'khadgarmage',    publicName: 'Xiaochun Liu'},
+  {githubId: 'kezhenxu94',     publicName: 'Zhenxu Ke'},
+  {githubId: 'SbloodyS',       publicName: 'Zihao Xiang'},
+  {githubId: 'millionfor',     publicName: 'ZijJian Gong'},
+]
+
+const committerMembers = [
+{githubId: 'nielifeng', publicName: 'Lifeng Nie', image: 'lifeng'},
+{githubId: 'Amy0104', publicName: 'Amy Wang'},
+{githubId: 'break60', publicName: 'Caibiao Xiang'},
+{githubId: 'yifei', publicName: 'Yifei Chen', image: 'yifei'},
+{githubId: 'chongchongzi', publicName: 'Cong Huang'},
+{githubId: 'devosend', publicName: 'Dongkai Liu', image: 'dongkai'},
+{githubId: 'liuli', publicName: 'Li Liu', image: 'liuli'},
+{githubId: 'wen-hemin', publicName: 'Hemin Wen'},
+{githubId: 'Niko-Zeng', publicName: 'Hui Zeng', image: 'zenghui'},
+{githubId: 'jieguangzhou', publicName: 'Jieguang Zhou'},
+{githubId: 'WangJPLeo', publicName: 'Jipeng Wang'},
+{githubId: 'labbomb', publicName: 'JunJie Xu'},
+{githubId: 'nauu', publicName: 'Kai Zhu'},
+{githubId: 'Jave-Chen', publicName: 'Kejia Chen'},
+{githubId: 'Eights-Li', publicName: 'Li Huang'},
+{githubId: 'samz406', publicName: 'Lin Li'},
+{githubId: 'qingwli', publicName: 'Qingwang Li'},
+{githubId: 'clay4444', publicName: 'Shang Lou'},
+{githubId: 'gabrywu', publicName: 'Shaojie Wu'},
+{githubId: 'chengshiwen', publicName: 'Shiwen Cheng'},
+{githubId: 'Tianqi-Dotes', publicName: 'Tianqi Yan'},
+{githubId: 'wangxj3', publicName: 'Wang Xingjie'},
+{githubId: 'liwenhe1993', publicName: 'Wenhe Li'},
+{githubId: 'xingchun-chen', publicName: 'Xingchun Chen'},
+{githubId: 'yangyichao-mango', publicName: 'Yichao Yang'},
+{githubId: 'Wangyizhi1', publicName: 'Yizhi Wang'},
+{githubId: 'BoYiZhang', publicName: 'BoYi Zhang'},
+{githubId: 'zixi0825', publicName: 'Zhaohe Sun'},
+{githubId: 'lfyee', publicName: 'Zongyao Zhang'}]
+
 const Community = () => {
+  const params = useParams();
   const { t } = useTranslation();
+  const [PMCLoading, setPMCLoading] = useState(false);
+  const [committerLoading, setcommitterLoading] = useState(false);
+  const loadMore =
+    !PMCLoading ? (
+      <div
+        style={{
+          textAlign: 'center',
+          marginTop: 12,
+          height: 32,
+          lineHeight: '32px',
+        }}
+      >
+        <Button
+          type="primary"
+          shape="round"
+          size="large"
+          onClick={() => setPMCLoading(true)}
+        >
+          {t("show_more")}
+        </Button>
+      </div>
+    ) : null;
+
+  const loadCommitterMore =
+    !committerLoading ? (
+      <div
+        style={{
+          textAlign: 'center',
+          marginTop: 12,
+          height: 32,
+          lineHeight: '32px',
+        }}
+      >
+        <Button
+          type="primary"
+          shape="round"
+          size="large"
+          onClick={() => setcommitterLoading(true)}
+        >
+          {t("show_more")}
+        </Button>
+      </div>
+    ) : null;
 
   return (
     <section className="community">
@@ -179,6 +285,53 @@ const Community = () => {
             ))}
           </div>
         </div>
+        {params.locale === 'zh-cn' && <div className="community-team">
+          <div className="community-team-title">
+            团队
+          </div>
+          <div className="community-team-desc">
+            PMC
+          </div>
+          <div className="community-team-list">
+            <List
+              className="demo-loadmore-list"
+              loadMore={loadMore}
+              grid={{ gutter: 16, column: 5 }}
+              dataSource={PMCLoading ? PMCMembers : PMCMembers.slice(0, 10)}
+              renderItem={(item) => (
+                <List.Item
+                >
+                  <Skeleton avatar title={false} loading={false} active>
+                    <List.Item.Meta
+                      avatar={<Avatar src={item.image ? 
`/images/contributor/${item.image}.jpeg` : 
`https://www.github.com/${item.githubId}.png`} size={64} />}
+                      title={item.publicName}
+                    />
+                  </Skeleton>
+                </List.Item>
+              )}/>
+          </div>
+          <div className="community-team-desc">
+            Committer
+          </div>
+          <div className="community-team-list">
+            <List
+              className="demo-loadmore-list"
+              loadMore={loadCommitterMore}
+              grid={{ gutter: 16, column: 5 }}
+              dataSource={committerLoading ? committerMembers : 
committerMembers.slice(0, 10)}
+              renderItem={(item) => (
+                <List.Item
+                >
+                  <Skeleton avatar title={false} loading={false} active>
+                    <List.Item.Meta
+                      avatar={<Avatar src={item.image ? 
`/images/contributor/${item.image}.jpeg` : 
`https://www.github.com/${item.githubId}.png`} size={64} />}
+                      title={item.publicName}
+                    />
+                  </Skeleton>
+                </List.Item>
+              )}/>
+          </div>
+        </div>}
       </div>
       <div className="community-committer">
         <div className="community-committer-title">
diff --git a/src/views/Community/index.scss b/src/views/Community/index.scss
index 65f720db5a..1f3fd51d42 100644
--- a/src/views/Community/index.scss
+++ b/src/views/Community/index.scss
@@ -163,6 +163,34 @@
       }
     }
   }
+  &-team {
+    padding-top: 70px;
+    &-title {
+      font-weight: 700;
+      color: #031b3e;
+      font-size: 48px;
+      line-height: 1.3;
+      padding-bottom: 30px;
+      text-align: center;
+
+      @media screen and (max-width: 640px) {
+        font-size: 6vw;
+      }
+    }
+    &-desc {
+      color: #000000;
+      font-size: 28px;
+      line-height: 50px;
+      text-align: center;
+      @media screen and (max-width: 640px) {
+        font-size: 14px;
+      }
+    }
+    &-list {
+      padding-top: 30px;
+      padding-bottom: 60px;
+    }
+  }
   &-committer {
     height: 564px;
     background-image: linear-gradient(

Reply via email to