diff --git a/public/react/src/modules/projectPackages/PackageIndex/PackageConcent.js b/public/react/src/modules/projectPackages/PackageIndex/PackageConcent.js
index 368858977..7ef0073eb 100644
--- a/public/react/src/modules/projectPackages/PackageIndex/PackageConcent.js
+++ b/public/react/src/modules/projectPackages/PackageIndex/PackageConcent.js
@@ -1,7 +1,7 @@
 import React, {Component} from 'react';
 import {Link} from "react-router-dom";
 import axios from 'axios';
-import { Input ,Icon,Button,Pagination} from 'antd';
+import { Input ,Icon,Button,Pagination,Spin} from 'antd';
 import moment from 'moment';
 import '../packageconcnet.css';
 import AccountProfile from"../../user/AccountProfile";
@@ -50,7 +50,8 @@ class PackageConcent extends Component {
 			per_page:20,
 			categories:[],
 			isRender:false,
-			AccountProfiletype:false
+			AccountProfiletype:false,
+			isSpin:false
 		}
 	}
 	//desc’, ‘desc’, ‘asc’
@@ -74,7 +75,9 @@ class PackageConcent extends Component {
 	}
 
    setdatas=(category,keyword,sort_by,sort_direction,page)=>{
-
+		this.setState({
+			isSpin:true
+		})
 		 let Url = `/project_packages.json`;
 		 axios.get(Url,{params:{
 				 category_id:category,
@@ -87,6 +90,7 @@ class PackageConcent extends Component {
 		 ).then((response) => {
 			 this.setState({
 				 data:response.data,
+				 isSpin:false,
 				 project_packages:response.data.project_packages
 			 })
 		 }).catch((error) => {
@@ -266,7 +270,7 @@ class PackageConcent extends Component {
 										</p>
 									</div>
 
-
+									<Spin size="large" spinning={this.state.isSpin}>
 									{project_packages&&project_packages.map((item,key)=>{
 										return(
 											<div className="educontent project-packages-list mb30" key={key}>
@@ -333,6 +337,7 @@ class PackageConcent extends Component {
 											</div>
 										)
 									})}
+									</Spin>
 									{project_packages&&project_packages.length===0?<div className="edu-back-white">
 										<div className="edu-tab-con-box clearfix edu-txt-center">
 											<img className="edu-nodata-img mb20" src="https://www.educoder.net/images/educoder/nodata.png" />