change ui for user token

src/App.js

@@ -14,11 +14,11 @@ function DeprecatedAlert(props) {
                 <div className="box box-tip aux-margin">
                     <p><b>树洞又㕛叒换域名了！</b></p>
                     <br />
-                    <p>请记住新网址：</p>
+                    <p>记住树洞网页版新网址</p>
                     <p><a href="https://pkuhelper.pku.edu.cn/hole">pkuhelper.pku.edu.cn/hole</a></p>
                     <br />
-                    <p>当前域名我也不清楚什么时候停止维护。</p>
-                    <p>另外我们终于支持 HTTPS 和 HTTP/2 了。</p>
+                    <p><small>当前域名我也不清楚什么时候停止维护。</small></p>
+                    <p><small>另外我们终于支持了 HTTPS 和 HTTP/2。</small></p>
                     <br />
                     <TokenCtx.Consumer>{(token)=>(
                         !!token.value && <div>

src/UserAction.js

@@ -1,4 +1,5 @@
 import React, {Component, PureComponent} from 'react';
+import copy from 'copy-to-clipboard';
 import {SafeTextarea} from './Common';
 import {API_VERSION_PARAM,PKUHELPER_ROOT,API} from './flows_api'
 import md5 from 'md5';
@@ -115,6 +116,11 @@ export class LoginForm extends Component {
         });
     }
 
+    copy_token(token) {
+        if(copy(token))
+            alert('复制成功！\n请一定不要泄露哦');
+    }
+
     render() {
         return (
             <TokenCtx.Consumer>{(token)=>
@@ -126,8 +132,8 @@ export class LoginForm extends Component {
                                 <button type="button" onClick={()=>{token.set_value(null);}}>注销</button>
                             </p>
                             <p>
-                                User Token: <code>{token.value||'(null)'}</code> <br />
-                                请勿泄露 User Token，它代表您的登录状态，与您的账户唯一对应且泄露后无法重置
+                                User Token：<a onClick={this.copy_token.bind(this,token.value)}>复制</a><br />
+                                User Token 可用于迁移登录状态，请勿泄露，因为它与您的账户唯一对应且泄露后无法重置
                             </p>
                         </div> :
                         <div>