[dir view] replaced 'trash' icon with a new one (#3000)

frontend/src/components/cur-dir-path/dir-tool.js

@@ -89,7 +89,7 @@ class DirTool extends React.Component {
         <Fragment>
           <ul className="path-toolbar">
             <li className="toolbar-item"><a className="op-link sf2-icon-tag" onClick={this.onShowListRepoTag} title={gettext('Tags')} aria-label={gettext('Tags')}></a></li>
-            <li className="toolbar-item"><a className="op-link sf2-icon-trash" href={trashUrl} title={gettext('Trash')} aria-label={gettext('Trash')}></a></li>
+            <li className="toolbar-item"><a className="op-link sf2-icon-recycle" href={trashUrl} title={gettext('Trash')} aria-label={gettext('Trash')}></a></li>
             <li className="toolbar-item"><a className="op-link sf2-icon-history" href={historyUrl} title={gettext('History')} aria-label={gettext('History')}></a></li>
           </ul>
 
@@ -139,7 +139,7 @@ class DirTool extends React.Component {
     } else if (!isFile && permission) {
       return (
         <ul className="path-toolbar">
-          <li className="toolbar-item"><a className="op-link sf2-icon-trash" href={trashUrl} title={gettext('Trash')} aria-label={gettext('Trash')}></a></li>
+          <li className="toolbar-item"><a className="op-link sf2-icon-recycle" href={trashUrl} title={gettext('Trash')} aria-label={gettext('Trash')}></a></li>
         </ul>
       );
     } else if (permission) {

media/css/seahub_react.css

@@ -92,6 +92,7 @@
 .sf2-icon-review:before {content:"\e038"}
 .sf2-icon-readme:before {content:"\e039"}
 .sf2-icon-drafts:before {content:"\e03a"}
+.sf2-icon-recycle:before {content:"\e03b"}
 
 /* common class and element style*/
 a { color:#eb8205; }

media/css/sf_font2/seafile-font2.svg

@@ -66,4 +66,5 @@
 <glyph glyph-name="file-review" unicode="&#57400;" d="M256 107l0-22-139 0c-17 0-32 15-32 32l0 319c0 18 15 32 32 32l278 0c17 0 32-14 32-32l0-201-22 0 0 201c0 6-4 11-10 11l-278 0c-6 0-10-5-10-11l0-319c0-6 4-10 10-10z m-107 256l0 21 214 0 0-21z m0-64l0 21 214 0 0-21z m0-64l0 21 214 0 0-21z m0-64l0 21 128 0 0-21z m235-96c37 0 70 21 86 53-16 32-49 53-86 53-37 0-70-21-86-53 16-32 49-53 86-53z m-108 57c19 43 61 71 108 71 47 0 89-28 108-71l1-4-1-4c-19-43-61-71-108-71-47 0-89 28-108 71l-1 4z m108-36c-18 0-32 14-32 32 0 18 14 32 32 32 18 0 32-14 32-32 0-18-14-32-32-32z m0 21c6 0 11 5 11 11 0 6-5 11-11 11-6 0-11-5-11-11 0-6 5-11 11-11z"/>
 <glyph glyph-name="wiki-2" unicode="&#57401;" d="M107 30c-12 0-23 10-23 28l0 380c0 25 25 44 58 44l228 0c33 0 58-21 58-44l0-380c0-21-11-28-23-28-9 0-16 5-26 12l-118 130c-3 3-7 3-10 0l-116-130c-12-9-19-12-28-12z m149 170c9 0 19-5 26-11l116-131c2-2 5-2 5-2 0 0 0 0 0 2l0 380c0 9-14 18-33 18l-228 0c-19 0-33-9-33-18l0-380c0 0 0 0 0-2 3 0 5 2 7 5l117 128c7 9 14 11 23 11z"/>
 <glyph glyph-name="edit24" unicode="&#57402;" d="M68 43c-4 0-6 0-10 4-3 2-7 8-3 19l39 92 226 226 75-75-233-228-87-36c-5-2-5-2-7-2z m45 98l-28-66 66 27 207 207-38 41z m303 192l-75 74 39 39c19 19 51 19 72-2 22-22 22-54 2-73z m-38 74l38-38 21 21c11 9 9 26-2 37-10 10-28 10-36 2z"/>
+<glyph glyph-name="recycle-v2" unicode="&#57403;" d="M378 270l8 39c2 5 7 9 13 8 6-1 9-7 8-13l-16-74c-1-5-6-9-12-8l-74 16c-6 1-9 7-8 13 1 5 7 9 12 8l57-12-100 201c-1 2-3 3-5 5-5 2-12 0-15-5l-31-63c-3-6-9-8-14-5-6 3-8 9-5 14l31 63c8 16 28 22 43 15 7-4 12-9 15-15z m-216 57l-45-10c-5-1-11 3-12 8-1 6 2 12 8 13l74 16c6 1 11-3 12-8l16-74c1-6-2-12-8-13-6-1-11 3-13 8l-11 54-94-188c-1-2-1-3-1-5 0-6 5-11 11-11l50 0c6 0 11-4 11-10 0-6-5-11-11-11l-50 0c-18 0-32 14-32 32 0 5 1 10 3 14z m75-229l37-37c4-4 4-11 0-15-4-4-11-4-15 0l-53 53c-4 4-4 11 0 15l53 54c4 4 11 4 15 0 4-5 4-11 0-16l-33-32 172-3c2 0 4 1 5 1 6 3 8 9 5 15l-24 48c-3 5-1 12 5 14 5 3 11 1 14-5l24-48c8-15 2-35-14-43-5-2-10-3-15-3z"/>
 </font></defs></svg>