prettier

Author: Cyberleu

src/components/TablePanel.js

@@ -1,9 +1,10 @@
-import { Row, Col, Radio, Switch, Input } from 'antd';
+import { Row, Col, Radio, Switch, Input, Select } from 'antd';
 import { t } from 'i18next';
 import React from 'react';
 import SwitchablePicker from './datePicker';
 
 const { Search } = Input;
+const { Option } = Select;
 
 const TablePanel = (props) => {
   return (
@@ -20,7 +21,6 @@ const TablePanel = (props) => {
             <Radio value={'company'}>{t('company')}</Radio>
             <Radio value={'repo'}>{t('repo')}</Radio>
             <Radio value={'actor'}>{t('developer')}</Radio>
-            <Radio value={'region2'}>{t('none')}</Radio>
           </Radio.Group>
         </Col>
         <Col>
@@ -35,6 +35,19 @@ const TablePanel = (props) => {
             <Radio value={'open_rank'}>{t('influence')}</Radio>
           </Radio.Group>
         </Col>
+        <Col>
+          <span className="myFontColor">{t('source')}</span>
+          <Select
+            value={props.source}
+            onChange={(value) => {
+              props.setState({ source: value });
+            }}
+          >
+            <Option value="all">All</Option>
+            <Option value="github">GitHub</Option>
+            <Option value="gitee">Gitee</Option>
+          </Select>
+        </Col>
       </Row>
       <Row justify="space-between" style={{ minHeight: '50px' }} gutter={10}>
         <Col>

src/components/table.js

@@ -23,15 +23,15 @@ const activityColumns = (object, t_month) => [
   },
   ...(object == 'actor'
     ? [
-      {
-        title: t('avatar'),
-        dataIndex: 'id',
-        width: '5%',
-        align: 'center',
-        render: MyAvatar,
-        fixed: 'left',
-      },
-    ]
+        {
+          title: t('avatar'),
+          dataIndex: 'id',
+          width: '5%',
+          align: 'center',
+          render: MyAvatar,
+          fixed: 'left',
+        },
+      ]
     : []),
   {
     title: '',
@@ -64,16 +64,16 @@ const activityColumns = (object, t_month) => [
   },
   ...(object == 'repo'
     ? [
-      {
-        title: t('insight_board'),
-        dataIndex: 'name',
-        align: 'center',
-        width: '10%',
-        render: function (text, row, index) {
-          return dashboard(text, index, t_month);
+        {
+          title: t('insight_board'),
+          dataIndex: 'name',
+          align: 'center',
+          width: '10%',
+          render: function (text, row, index) {
+            return dashboard(text, index, t_month);
+          },
         },
-      },
-    ]
+      ]
     : []),
   {
     title: t('activity'),
@@ -100,15 +100,15 @@ const activityDetailColumns = (object, t_month) => [
   },
   ...(object == 'actor'
     ? [
-      {
-        title: t('avatar'),
-        dataIndex: 'id',
-        width: '5%',
-        align: 'center',
-        render: MyAvatar,
-        fixed: 'left',
-      },
-    ]
+        {
+          title: t('avatar'),
+          dataIndex: 'id',
+          width: '5%',
+          align: 'center',
+          render: MyAvatar,
+          fixed: 'left',
+        },
+      ]
     : []),
   {
     title: '',
@@ -141,16 +141,16 @@ const activityDetailColumns = (object, t_month) => [
   },
   ...(object == 'repo'
     ? [
-      {
-        title: t('insight_board'),
-        dataIndex: 'name',
-        align: 'center',
-        width: '10%',
-        render: function (text, row, index) {
-          return dashboard(text, index, t_month);
+        {
+          title: t('insight_board'),
+          dataIndex: 'name',
+          align: 'center',
+          width: '10%',
+          render: function (text, row, index) {
+            return dashboard(text, index, t_month);
+          },
         },
-      },
-    ]
+      ]
     : []),
   {
     title: t('activity'),
@@ -207,15 +207,15 @@ const open_rankColumns = (object, t_month) => [
   },
   ...(object == 'actor'
     ? [
-      {
-        title: t('avatar'),
-        dataIndex: 'id',
-        width: '5%',
-        align: 'center',
-        render: MyAvatar,
-        fixed: 'left',
-      },
-    ]
+        {
+          title: t('avatar'),
+          dataIndex: 'id',
+          width: '5%',
+          align: 'center',
+          render: MyAvatar,
+          fixed: 'left',
+        },
+      ]
     : []),
   {
     title: '',
@@ -248,16 +248,16 @@ const open_rankColumns = (object, t_month) => [
   },
   ...(object == 'repo'
     ? [
-      {
-        title: t('insight_board'),
-        dataIndex: 'name',
-        align: 'center',
-        width: '10%',
-        render: function (text, row, index) {
-          return dashboard(text, index, t_month);
+        {
+          title: t('insight_board'),
+          dataIndex: 'name',
+          align: 'center',
+          width: '10%',
+          render: function (text, row, index) {
+            return dashboard(text, index, t_month);
+          },
         },
-      },
-    ]
+      ]
     : []),
   {
     title: t('influence'),
@@ -278,19 +278,6 @@ const open_rankColumns = (object, t_month) => [
       return PointRender(text, row, index);
     },
   },
-  ...(object == 'region2'
-    ? [
-      {
-        title: t('participants'),
-        dataIndex: 'name',
-        align: 'center',
-        width: '10%',
-        render: function (text, row, index) {
-          return dashboard(text, index, t_month);
-        },
-      },
-    ]
-    : []),
 ];
 const solveDate = (year, month) => {
   if (year === null && month === null) {
@@ -350,6 +337,7 @@ function MyTable(props) {
     year: null, // 字符串格式
     month: null, // 整数格式，0表示1月，1表示2月..., null for year type time
     type: 'month',
+    source: 'all',
     search: null,
   });
 
@@ -506,6 +494,7 @@ function MyTable(props) {
     month,
     year,
     type,
+    source,
   } = state;
   return (
     <div className="table">
@@ -518,6 +507,7 @@ function MyTable(props) {
           }}
         >
           <TablePanel
+            source={source}
             type={type}
             setState={updateDate}
             object={object}

src/locales/en.json

@@ -15,6 +15,7 @@
   "participants": "Participents",
   "loading": "Loading",
   "month": "Monthly",
+  "source": "Source: ",
   "year": "Yearly",
   "rank": "Rank",
   "company": "Company",
@@ -100,4 +101,4 @@
     "XSOSIInsightBoard": "The XSOSI Insights Dashboard is used to present various indicators and data related to the XSOSI project. The dashboard displays basic metrics such as the number of participants, current phase, total number of organizations, and total number of projects. Additionally, it presents the latest OpenRank distribution chart for the project, individual OpenRank leaderboard, latest OpenRank leaderboard for the project, and monthly change chart of the overall OpenRank value for the project. Through the XSOSI Insights Dashboard, users can understand the ranking and allowances of contributors, the overall contribution of the project, and encourage more members to actively participate in the project, thus promoting the development and prosperity of open-source projects.",
     "OSPOInsightBoard": "The X-lab OSPO Insights Dashboard primarily showcases the activity of X-lab in the open-source domain. The dashboard not only provides basic metrics such as the activity level, new stars, and new issues in X-lab's GitHub open-source projects but also presents detailed data such as OpenDigger metrics breakdown and OpenRank comparisons. Additionally, the dashboard displays data from X-lab's knowledge base on Yuque and its publication record in the open-source field. Through the X-lab OSPO Insights Dashboard, users can gain a comprehensive understanding of X-lab's activity in the open-source domain, thereby promoting collaboration and development with the open-source community."
   }
-}
+}

src/locales/zh.json

@@ -14,6 +14,7 @@
   "region": "地区: ",
   "region2": "地区",
   "developer": "开发者",
+  "source": "来源: ",
   "participants": "参与人数",
   "none": "无",
   "loading": "加载中",
@@ -102,4 +103,4 @@
     "XSOSIInsightBoard": "XSOSI 洞察大屏",
     "OSPOInsightBoard": "X-lab OSPO 大屏"
   }
-}
+}