Add publish icon (#3544)

* Add an icon to publish libraries

* use paddingLeft replace tr

* Increase th

* optimization code

frontend/src/components/wiki-list-view/wiki-list-item.js

@@ -10,6 +10,8 @@ import ModalPortal from '../modal-portal';
 import WikiDeleteDialog from '../dialog/wiki-delete-dialog';
 import Rename from '../rename';
 
+import { Utils } from '../../utils/utils';
+
 const propTypes = {
   wiki: PropTypes.object.isRequired,
   renameWiki: PropTypes.func.isRequired,
@@ -141,10 +143,12 @@ class WikiListItem extends Component {
   render() {
     let wiki = this.props.wiki;
     let userProfileURL = `${siteRoot}profile/${encodeURIComponent(wiki.owner)}/`;
+    let fileIconUrl = Utils.getDefaultLibIconUrl(false);
 
     return (
       <Fragment>
         <tr className={this.state.highlight ? 'tr-highlight' : ''} onMouseEnter={this.onMouseEnter} onMouseLeave={this.onMouseLeave}>
+          <td><img src={fileIconUrl} width="24" alt="" /></td>
           <td className="name">
             {this.state.isRenameing ?
               <Rename wiki={wiki} name={wiki.name} onRenameConfirm={this.onRenameConfirm} onRenameCancel={this.onRenameCancel}/> :

frontend/src/components/wiki-list-view/wiki-list-view.js

@@ -38,7 +38,8 @@ class WikiListView extends Component {
         <table>
           <thead>
             <tr>
-              <th width="40%">{gettext('Name')}</th>
+              <th width="4%"></th>
+              <th width="36%">{gettext('Name')}</th>
               <th width="25%">{gettext('Owner')}</th>
               <th width="25%">{gettext('Last Update')}</th>
               <th width="10%">{/* operation */}</th>