spin

public/react/src/modules/courses/members/modal/AddStudentModal.js

@@ -221,7 +221,7 @@ class AddStudentModal extends Component{
           
         </p>
         <Spin size="large" spinning={isSpin}>
-        { users && users.length ? <div>
+        { loading || users.length ? <div>
           {/* https://github.com/CassetteRocks/react-infinite-scroller/issues/70 */}
           <div className="edu-back-skyblue padding10-15" style={{"height":"300px", overflowY: "scroll", overflowAnchor: 'none' }}>
             <InfiniteScroll
@@ -242,7 +242,7 @@ class AddStudentModal extends Component{
                         <ConditionToolTip title={candidate.name} condition={candidate.name && candidate.name.length > 12 }>
                           <label className="task-hide fl" style={{"maxWidth":"208px;"}}>
                           { candidate.name ? 
-                            <a href={`/users/${candidate.login}`} target="_blank"> 
+                            <a href={`/users/${candidate.login}`} target="_blank" style={{"maxWidth":"208px;"}}> 
                               { candidate.name }
                             </a> : <span>　</span> }
                           </label>

public/react/src/modules/courses/members/modal/AddTeacherModal.js

@@ -265,7 +265,7 @@ class AddTeacherModal extends Component{
           <span className="fl with10"><label className="task-hide fl" style={{"maxWidth":"48px"}}>{''}</label></span>
           
         </p>
-        { candidates && candidates.length ? <div>
+        { loading || candidates.length ? <div>
           {/* https://github.com/CassetteRocks/react-infinite-scroller/issues/70 */}
           <div className="edu-back-skyblue padding10-15" style={{"height":"300px", overflowY: "scroll", overflowAnchor: 'none' }}>
             <InfiniteScroll
@@ -284,7 +284,12 @@ class AddTeacherModal extends Component{
                       <Checkbox className="fl" value={candidate.id} ></Checkbox>
                       <span className="fl with25">
                         <ConditionToolTip title={candidate.name} condition={candidate.name && candidate.name.length > 12 }>
-                          <label className="task-hide fl" style={{"maxWidth":"208px;"}}>{candidate.name}</label>
+                          <label className="task-hide fl" style={{"maxWidth":"208px;"}}
+                          >
+                              <a href={`/users/${candidate.login}`} target="_blank" 
+                                style={{"color":"#4c4c4c"}}
+                              >{candidate.name}</a>
+                          </label>
                         </ConditionToolTip>
                       </span>
                       <span className="fl with25">