Your descriptive commit message

Author: xiaoAugenstern

.history/src/components/table_20240721163051.js

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "engines": {
-    "node": "^16"
+    "node": "^18"
   },
   "dependencies": {
     "@ant-design/icons": "^5.0.1",

.history/src/components/table_20240722211124.js

@@ -6,6 +6,7 @@ import SwitchablePicker from './datePicker';
 const { Search } = Input;
 
 const TablePanel = (props) => {
+
   return (
     <>
       <Row align="middle" style={{ minHeight: '50px' }} gutter={[10]}>
@@ -20,6 +21,8 @@ const TablePanel = (props) => {
             <Radio value={'company'}>{t('company')}</Radio>
             <Radio value={'repo'}>{t('repo')}</Radio>
             <Radio value={'actor'}>{t('developer')}</Radio>
+            <Radio value={'technology'}>{t('technology')}</Radio>
+            <Radio value={'foundation'}>{t('foundation')}</Radio>
           </Radio.Group>
         </Col>
         <Col>
@@ -30,12 +33,15 @@ const TablePanel = (props) => {
             }}
             value={props.index}
           >
-            <Radio value={'activity'}>{t('activity')}</Radio>
+
+            {props.object !== 'technology' && props.object !== 'foundation' && (
+              <Radio value={'activity'}>{t('activity')}</Radio>
+            )}
             <Radio value={'open_rank'}>{t('influence')}</Radio>
           </Radio.Group>
         </Col>
       </Row>
-      <Row justify="space-between" style={{ minHeight: '50px' }} gutter={10}>
+      <Row justify="space-between" style={{ minHeight: '10px' }} gutter={10}>
         <Col>
           <div style={{ marginRight: '10px', display: 'inline-block' }}>
             <span className="myFontColor">{t('region')}</span>
@@ -45,7 +51,10 @@ const TablePanel = (props) => {
               }}
               value={props.region}
             >
-              <Radio value={'chinese'}>{t('chinese')}</Radio>
+
+              {props.object !== 'technology' && (
+                <Radio value={'chinese'}>{t('chinese')}</Radio>
+              )}
               <Radio value={'global'}>{t('global')}</Radio>
             </Radio.Group>
           </div>
@@ -65,7 +74,7 @@ const TablePanel = (props) => {
               display: 'inline-block',
             }}
           >
-            {props.hasDetail == true ? (
+            {props.hasDetail === true && props.index === 'activity' ? (
               <>
                 <span className="myFontColor">{t('detail')}</span>{' '}
                 <Switch
@@ -92,6 +101,26 @@ const TablePanel = (props) => {
           />
         </Col>
       </Row>
+      {props.object === 'technology' && (
+        <Row align="middle" style={{ minHeight: '30px' }} gutter={[10]}>
+          <Col>
+            <span className="myFontColor">{t('category')}</span>
+            <Radio.Group
+              onChange={(e) => {
+                props.setState({ category: e.target.value });
+              }}
+              value={props.category}
+            >
+              <Radio value={'cloud-native'}>{t('cloud-native')}</Radio>
+              <Radio value={'ai'}>{t('ai')}</Radio>
+              <Radio value={'big-data'}>{t('big-data')}</Radio>
+              <Radio value={'database'}>{t('database')}</Radio>
+              <Radio value={'front-end'}>{t('front-end')}</Radio>
+              <Radio value={'os'}>{t('os')}</Radio>
+            </Radio.Group>
+          </Col>
+        </Row>
+      )}
     </>
   );
 };