Web: Files: Changed "shared" icon

products/ASC.Files/Client/src/components/QuickButtons.js

@@ -28,9 +28,9 @@ const QuickButtons = ({
 
   const isTile = viewAs === "tile";
 
-  const colorSharedButton = shared ? "#3B72A7" : "#a3a9ae";
-
-  const iconShare = "/static/images/catalog.share.react.svg";
+  const iconShare = shared
+    ? "/static/images/file.actions.share.react.svg"
+    : "/static/images/catalog.share.react.svg";
 
   const iconLock = locked
     ? "/static/images/file.actions.locked.react.svg"
@@ -56,7 +56,7 @@ const QuickButtons = ({
           className="badge share-button-icon"
           size={sizeQuickButton}
           onClick={onClickShare}
-          color={colorSharedButton}
+          hoverColor="#3B72A7"
         />
       )}
       {fileExst &&

products/ASC.Files/Client/src/pages/Home/Section/Body/RowsView/SimpleFilesRow.js

@@ -71,12 +71,6 @@ const StyledSimpleFilesRow = styled(Row)`
       }
   `}
 
-  .share-button-icon:hover {
-    cursor: pointer;
-    path {
-      fill: #3b72a7;
-    }
-  }
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 
   .styled-element {

products/ASC.Files/Client/src/pages/Home/Section/Body/TableView/TableRow.js

@@ -183,14 +183,6 @@ const StyledQuickButtonsContainer = styled.div`
   .favorite {
     margin-top: 1px;
   }
-
-  .share-button-icon:hover {
-    cursor: pointer;
-    path {
-      fill: #3b72a7;
-    }
-    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-  }
 `;
 
 const FilesTableRow = (props) => {

public/images/file.actions.share.react.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15 0.999512V2.99951V4.99951C9.47715 4.99951 5 9.47666 5 14.9995H3H1C1 7.26753 7.26801 0.999512 15 0.999512ZM7 14.9995C7 10.5812 10.5817 6.99951 15 6.99951V12.9995C15 14.1041 14.1046 14.9995 13 14.9995H7Z" fill="#3B72A7"/>
+</svg>