From 0649f71545b1666513c29e5cd6172392d12a0103 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=A8=E9=A1=BA=E5=BC=BA?= <ysq9207@126.com>
Date: Mon, 16 Mar 2020 11:42:26 +0800
Subject: [PATCH] repair share link file view bug (#4481)

---
 .../components/shared-file-view/shared-file-view-tip.js  | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/shared-file-view/shared-file-view-tip.js b/frontend/src/components/shared-file-view/shared-file-view-tip.js
index 0c7add7e79..a0f52fc6c4 100644
--- a/frontend/src/components/shared-file-view/shared-file-view-tip.js
+++ b/frontend/src/components/shared-file-view/shared-file-view-tip.js
@@ -2,7 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { gettext } from '../../utils/constants';
 
-const { err, trafficOverLimit, zipped, filePath } = window.shared.pageOptions;
+const { err, trafficOverLimit, zipped, filePath, canDownload } = window.shared.pageOptions;
 
 const propTypes = {
   errorMsg: PropTypes.string
@@ -16,11 +16,14 @@ class SharedFileViewTip extends React.Component {
     } else {
       errorMsg = <p className="error">{err || this.props.errorMsg}</p>;
     }
+
+    let isShowDownloadBtn = canDownload && !trafficOverLimit;
+
     return (
       <div className="shared-file-view-body">
-        <div className="file-view-tip">
+        <div className={`file-view-tip ${!isShowDownloadBtn ? 'pt-7' : ''}`}>
           {errorMsg}
-          {!trafficOverLimit &&
+          {isShowDownloadBtn &&
             <a href={`?${zipped ? 'p=' + encodeURIComponent(filePath) + '&' : ''}dl=1`} className="btn btn-secondary">{gettext('Download')}</a>
           }
         </div>