Web: Files: Added '.oform' files edit icon + update access.edit.react.svg

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

@@ -41,6 +41,7 @@ const Badges = ({
   const isEditingWithFav = fileStatus === 33;
   const showEditBadge = !locked || item.access === 0;
   const isPrivacy = isPrivacyFolder && isDesktopClient;
+  const isForm = fileExst === ".oform";
 
   return fileExst ? (
     <div className="badges additional-badges">
@@ -65,8 +66,12 @@ const Badges = ({
         !canConvert && (
           <IconButton
             onClick={onFilesClick}
-            iconName="/static/images/access.edit.react.svg"
+            iconName={
-            className="badge icons-group"
+              isForm
+                ? "/static/images/access.edit.form.react.svg"
+                : "/static/images/access.edit.react.svg"
+            }
+            className="badge icons-group edit"
             size="small"
             isfill={true}
             color="#A3A9AE"

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

@@ -49,6 +49,13 @@ const SimpleFilesRowContent = styled(RowContent)`
     overflow: hidden;
     text-overflow: ellipsis;
   }
+
+  .edit {
+    svg:not(:root) {
+      width: 12px;
+      height: 12px;
+    }
+  }
 `;
 
 const FilesRowContent = ({

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

@@ -105,6 +105,13 @@ const StyledTableRow = styled(TableRow)`
     ${(props) => props.checked && contextMenuWrapperCheckedStyle};
     ${(props) => props.dragging && contextMenuWrapperDraggingStyle};
   }
+
+  .edit {
+    svg:not(:root) {
+      width: 12px;
+      height: 12px;
+    }
+  }
 `;
 
 const StyledDragAndDrop = styled(DragAndDrop)`

products/ASC.Files/Client/src/pages/Home/Section/Body/TilesView/FilesTileContent.js

@@ -60,9 +60,12 @@ const SimpleFilesTileContent = styled(TileContent)`
   }
 
   .favorite,
-  .can-convert {
+  .can-convert,
-    height: 14px;
+  .edit {
+    svg:not(:root) {
       width: 14px;
+      height: 14px;
+    }
   }
 
   @media (max-width: 1024px) {

public/images/access.edit.form.react.svg

@@ -0,0 +1,3 @@
+<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1 0C0.447715 0 0 0.447715 0 1V5C0 5.55228 0.447715 6 1 6H11C11.5523 6 12 5.55228 12 5V1C12 0.447715 11.5523 0 11 0H1ZM1 7C0.447715 7 0 7.44772 0 8C0 8.55229 0.447715 9 1 9H11C11.5523 9 12 8.55229 12 8C12 7.44772 11.5523 7 11 7H1ZM4 11C4 10.4477 4.44772 10 5 10H11C11.5523 10 12 10.4477 12 11C12 11.5523 11.5523 12 11 12H5C4.44772 12 4 11.5523 4 11ZM2.5 2C2.22386 2 2 2.22386 2 2.5V3.5C2 3.77614 2.22386 4 2.5 4H9.5C9.77614 4 10 3.77614 10 3.5V2.5C10 2.22386 9.77614 2 9.5 2H2.5Z" fill="#A3A9AE"/>
+</svg>

public/images/access.edit.react.svg

@@ -1,3 +1,3 @@
-<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M9.26435 3.33306L12.7634 6.84149L5.76047 13.8462L2.25919 10.343L9.26435 3.33306ZM14.8343 2.63359L13.5564 1.34874C13.0626 0.852193 11.7243 0.852193 11.0099 1.568L10.4246 2.15302L13.9513 5.67106L14.5306 5.08707C15.2173 4.39652 15.2173 3.01871 14.8343 2.63359ZM1.0918 14.6123C1.09972 14.8614 1.2325 15 1.49182 15H4.59361L1.09972 11.5018L1.0918 14.6123Z" fill="#A3A9AE"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.00504 1.99976L10.0042 5.00699L4.00172 11.0111L1.00062 8.00828L7.00504 1.99976ZM11.7793 1.40022L10.684 0.298922C10.2607 -0.126691 9.11354 -0.126691 8.50125 0.48686L7.99954 0.988305L11.0224 4.00377L11.519 3.5032C12.1076 2.9113 12.1076 1.73033 11.7793 1.40022ZM0 11.6677C0.00679371 11.8812 0.120601 12 0.342874 12H3.00156L0.00679371 9.00152L0 11.6677Z" fill="#A3A9AE"/>
 </svg>