Fix permanent btn

Yang Zhen · Yang Zhen · commit 39bf73f32258 · 2017-09-25T12:06:13.000+08:00
diff --git a/src/AccessUrl.jsx b/src/AccessUrl.jsx
@@ -182,14 +182,14 @@ const PortItem = ({ node, handleOpenQR, handleCloseQR, handleDelete, handlePerma
   if (ttl === -1) {
     ttlDom = <div>{i18n`global.neverExpires`}</div>
   } else {
-    ttlDom = <div>
+    ttlDom = <div className="post-item-info">
       <label className="post-item-ttl">
       {ttl}
       </label>
-      <label className="post-item-upgrade" onClick={e => handlePermanent(e, node.port)}>
-        <i className="fa fa-clock-o" />
+      {global.sdk.config.userProfile.vip >= 4 && <button className='btn btn-primary btn-xs post-item-upgrade' onClick={e => handlePermanent(e, node.port)}>
+        <i className="fa fa-hourglass-half" />
         {i18n`global.permanent`}
-      </label>
+      </button>}
     </div>
   }
   return (
diff --git a/src/actions.js b/src/actions.js
@@ -76,6 +76,12 @@ export function savePort({ port }) {
         }
         dispatch(listPorts());
         dispatch(portOperating({ operating: false }));
+      })
+      .catch((res) => {
+        notify({
+          notifyType: NOTIFY_TYPE.ERROR,
+          message: i18n`global.message.saveFailed${{ msg: res.msg }}`,
+        });
       });
   };
 }
diff --git a/src/base-theme/styles/accessUrl.styl b/src/base-theme/styles/accessUrl.styl
@@ -88,11 +88,18 @@
           cursor: pointer;
         }
       }
+      .post-item-info {
+        line-height: 22px;
+        display: flex;
+        padding-top: 4px;
+      }
       .post-item-ttl {
         width: 120px;
+        font-weight: normal;
+        margin-bottom: 0;
+        line-height: 22px;
       }
       .post-item-upgrade {
-        padding-left: 10px;
         cursor: pointer;
         .fa {
           margin-right: 4px;

Original file line number	Diff line number	Diff line change
`@@ -76,6 +76,12 @@ export function savePort({ port }) {`
`76`	`76`	`}`
`77`	`77`	`dispatch(listPorts());`
`78`	`78`	`dispatch(portOperating({ operating: false }));`
	`79`	`+ })`
	`80`	`+ .catch((res) => {`
	`81`	`+ notify({`
	`82`	`+ notifyType: NOTIFY_TYPE.ERROR,`
	`83`	+ message: i18n`global.message.saveFailed${{ msg: res.msg }}`,
	`84`	`+ });`
`79`	`85`	`});`
`80`	`86`	`};`
`81`	`87`	`}`