Web:Files:Badges: Added edit icons to appserver /public /images. Changed the display of edit icons.

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

@@ -47,6 +47,7 @@ const Badges = ({
   const isPrivacy = isPrivacyFolder && isDesktopClient;
 
   const showFavorite = isFavorite || isNewWithFav || isEditingWithFav;
+  const showActionsEdit = isEditing || isEditingWithFav;
 
   return fileExst ? (
     <div className="badges additional-badges">
@@ -77,30 +78,23 @@ const Badges = ({
         />
       )}
       {canWebEdit &&
-        !isEditing &&
-        !isEditingWithFav &&
         !isTrashFolder &&
         !isPrivacy &&
         accessToEdit &&
         showEditBadge &&
         !canConvert && (
-          <IconButton
-            onClick={onFilesClick}
-            iconName="/static/images/access.edit.react.svg"
+          <StyledIcon
+            iconName={
+              showActionsEdit
+                ? "/static/images/file.actions.convert.edit.doc.react.svg"
+                : "/static/images/access.edit.react.svg"
+            }
             className="badge icons-group"
-            size="small"
-            isfill={true}
-            color="#A3A9AE"
+            size="medium"
+            onClick={onFilesClick}
             hoverColor="#3B72A7"
           />
         )}
-      {(isEditing || isEditingWithFav) && (
-        <StyledFileActionsConvertEditDocIcon
-          onClick={onFilesClick}
-          className="badge icons-group is-editing"
-          size="small"
-        />
-      )}
       {item.canShare && showShare ? (
         <SharedButton
           t={t}

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

@@ -3,7 +3,7 @@ import styled from "styled-components";
 import commonIconsStyles from "@appserver/components/utils/common-icons-style";
 
 //import FavoriteIcon from "../../public/images/file.actions.favorite.react.svg";
-import FileActionsConvertEditDocIcon from "../../public/images/file.actions.convert.edit.doc.react.svg";
+//import FileActionsConvertEditDocIcon from "../../public/images/file.actions.convert.edit.doc.react.svg";
 //import FileActionsLockedIcon from "../../public/images/file.actions.locked.react.svg";
 
 export const EncryptedFileIcon = styled.div`
@@ -19,14 +19,14 @@ export const EncryptedFileIcon = styled.div`
 //   ${commonIconsStyles}
 // `;
 
-export const StyledFileActionsConvertEditDocIcon = styled(
+/*export const StyledFileActionsConvertEditDocIcon = styled(
   FileActionsConvertEditDocIcon
 )`
   ${commonIconsStyles}
   path {
     fill: #3b72a7;
   }
-`;
+`;*/
 
 /*export const StyledFileActionsLockedIcon = styled(FileActionsLockedIcon)`
   ${commonIconsStyles}