From 3b7766bd71eb7d400ace4cc52979f51b32563e0b Mon Sep 17 00:00:00 2001
From: caishi <1149225589@qq.com>
Date: Tue, 13 Jul 2021 09:58:08 +0800
Subject: [PATCH] =?UTF-8?q?=E8=AF=A6=E6=83=85=EF=BC=9A=E5=A4=8D=E5=88=BB?=
 =?UTF-8?q?=E6=8C=89=E9=92=AE=E4=B8=8D=E8=83=BD=E8=BF=9E=E7=BB=AD=E7=82=B9?=
 =?UTF-8?q?=E5=87=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/forge/Main/Detail.js | 27 ++++++++++++++++++---------
 src/forge/Main/list.css  |  5 ++++-
 2 files changed, 22 insertions(+), 10 deletions(-)

diff --git a/src/forge/Main/Detail.js b/src/forge/Main/Detail.js
index 57438c52f..73b40e6c6 100644
--- a/src/forge/Main/Detail.js
+++ b/src/forge/Main/Detail.js
@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import { Spin, Tooltip } from 'antd';
+import { Spin, Tooltip , Button } from 'antd';
 import { Link, Route, Switch } from 'react-router-dom';
 import { Content , AlignTop } from '../Component/layout';
 import DetailBanner from './sub/DetailBanner';
@@ -188,6 +188,7 @@ class Detail extends Component {
       firstSync:false,
       secondSync:false,
       open_devops:false,
+      forkSpin:false,
       // 默认分支
       defaultBranch:undefined,
 
@@ -370,6 +371,9 @@ class Detail extends Component {
   forkFunc = () => {
     const { platform } = this.state;
     if(!platform)return;
+    this.setState({
+      forkSpin:true
+    })
     const { current_user } = this.props
     const { projectsId , owner } = this.props.match.params;
     const url = `/${owner}/${projectsId}/forks.json`;
@@ -378,8 +382,13 @@ class Detail extends Component {
         this.props.history.push(`/projects/${current_user && current_user.login}/${result.data.identifier}`);
         this.props.showNotification(result.data.message);
       }
+      this.setState({
+        forkSpin:false
+      })
     }).catch(error => {
-      console.log(error);
+      this.setState({
+        forkSpin:false
+      })
     })
   }
 
@@ -417,7 +426,7 @@ class Detail extends Component {
     const { projectDetail, watchers_count, praises_count, 
       forked_count, firstSync , secondSync , 
       isManager, watched, praised, 
-      project , open_devops , platform , defaultBranch , bannerList } = this.state;
+      project , open_devops , platform , defaultBranch , bannerList , forkSpin } = this.state;
     const url = this.props.history.location.pathname;
     const urlArr = url.split("/");
     const urlFlag = (urlArr.length === 3);
@@ -470,7 +479,7 @@ class Detail extends Component {
                       ((current_user && current_user.admin) || isManager) && (projectDetail && projectDetail.type && projectDetail.type === 2) ?
                       <a className="synchronism ml30" onClick={this.synchronismMirror}>同步镜像</a> : ""
                     }
-                    <span className="detail_tag_btn">
+                    <Button className="detail_tag_btn">
                       <a className="detail_tag_btn_name" style={{cursor:platform?"pointer":"default"}} onClick={() => this.focusFunc(watched)}>
                         <i className={watched ? "iconfont icon-shixing color-orange font-16 mr3":"iconfont icon-kongxing color-grey-9 font-16 mr3"}></i>
                         <span>{watched ? '取消关注' : '关注'}</span>
@@ -485,8 +494,8 @@ class Detail extends Component {
                         <span className="detail_tag_btn_count">{watchers_count}</span>
                         :""
                       }
-                    </span>
-                    <span className="detail_tag_btn">
+                    </Button>
+                    <Button className="detail_tag_btn">
                       <a className="detail_tag_btn_name" style={{cursor:platform?"pointer":"default"}} onClick={() => this.pariseFunc(praised)}>
                         <i className={praised ? "iconfont icon-weibiaoti105 color-orange font-14 mr3":"iconfont icon-guanzhu color-grey-9 font-14 mr3"}></i>
                         <span>{praised ? '取消点赞' : '点赞'}</span>
@@ -500,8 +509,8 @@ class Detail extends Component {
                         <span className="detail_tag_btn_count">{praises_count}</span>
                         :""
                       }
-                    </span>
-                    <span className="detail_tag_btn">
+                    </Button>
+                    <Button className="detail_tag_btn" loading={forkSpin}>
                       <Tooltip title="复刻是fork的中文名，即复制代码仓库" placement="bottom">
                         <a className="detail_tag_btn_name" style={{cursor:platform?"pointer":"default"}} onClick={this.forkFunc}>
                           <i className="iconfont icon-fork color-grey-9 mr3"></i>复刻
@@ -517,7 +526,7 @@ class Detail extends Component {
                         <span className="detail_tag_btn_count">{forked_count}</span>
                         :""
                       }
-                    </span>
+                    </Button>
                   </span>
                 }
               </div>
diff --git a/src/forge/Main/list.css b/src/forge/Main/list.css
index 53d904de8..ae3b1eb9b 100644
--- a/src/forge/Main/list.css
+++ b/src/forge/Main/list.css
@@ -305,7 +305,10 @@
   border:1px solid #f1f1f1;
   display: flex;
   align-items: center;
-  margin-left: 30px
+  margin-left: 30px;
+  padding:0px;
+  background-color: transparent;
+  box-shadow: none;
 }
 .ant-tooltip {
   max-width: fit-content!important;