add Team destroy

lib/api.js

@@ -95,6 +95,14 @@ export function updateTeamInfo (teamId, input) {
     .send(input)
 }
 
+export function destroyTeam (teamId) {
+  return request
+    .del(API_URL + 'teams/' + teamId)
+    .set({
+      Authorization: 'Bearer ' + auth.token()
+    })
+}
+
 export function searchUser (key) {
   return request
     .get(API_URL + 'search/users')
@@ -166,6 +174,7 @@ export default {
   destroyArticle,
   createTeam,
   updateTeamInfo,
+  destroyTeam,
   searchUser,
   setMember,
   deleteMember,

lib/components/modal/Preference/TeamSettingTab.js

@@ -68,6 +68,22 @@ export default class TeamSettingTab extends React.Component {
     })
   }
 
+  handleDeleteConfirmButtonClick (e) {
+    api.destroyTeam(this.props.currentTeamId)
+      .then(res => {
+        console.log(res.body)
+      })
+      .catch(err => {
+        let message
+        if (err.status != null) {
+          message = err.response.body.message
+        } else if (err.code === 'ECONNREFUSED') {
+          message = 'Can\'t connect to API server.'
+        } else throw err
+        console.log(message)
+      })
+  }
+
   renderTeamOptions () {
     return this.props.teams.map(team => {
       return (
@@ -121,7 +137,7 @@ export default class TeamSettingTab extends React.Component {
             <div className='section teamDeleteConfirm'>
               <label>Are you sure to delete this team?</label>
               <button onClick={e => this.setState({deleteConfirm: false})}>Cancel</button>
-              <button className='deleteBtn'><i className='fa fa-fw fa-check'/> Sure</button>
+              <button onClick={e => this.handleDeleteConfirmButtonClick(e)} className='deleteBtn'><i className='fa fa-fw fa-check'/> Sure</button>
             </div>
           )}
       </div>