diff --git a/products/ASC.Files/Client/src/pages/Home/Section/Body/TableView/sub-components/AuthorCell.js b/products/ASC.Files/Client/src/pages/Home/Section/Body/TableView/sub-components/AuthorCell.js index 42660e6fd0..f0ffb2a780 100644 --- a/products/ASC.Files/Client/src/pages/Home/Section/Body/TableView/sub-components/AuthorCell.js +++ b/products/ASC.Files/Client/src/pages/Home/Section/Body/TableView/sub-components/AuthorCell.js @@ -1,12 +1,14 @@ import React from "react"; -import { StyledText, StyledAuthorAvatar } from "./CellStyles"; +import { StyledText, StyledAuthorCell } from "./CellStyles"; +import Avatar from "@appserver/components/avatar"; const AuthorCell = ({ fileOwner, sideColor, item }) => { return ( - <> - + { > {fileOwner} - + ); }; diff --git a/products/ASC.Files/Client/src/pages/Home/Section/Body/TableView/sub-components/CellStyles.js b/products/ASC.Files/Client/src/pages/Home/Section/Body/TableView/sub-components/CellStyles.js index 17d0a7b530..5cecb01bd5 100644 --- a/products/ASC.Files/Client/src/pages/Home/Section/Body/TableView/sub-components/CellStyles.js +++ b/products/ASC.Files/Client/src/pages/Home/Section/Body/TableView/sub-components/CellStyles.js @@ -6,11 +6,14 @@ const StyledText = styled(Text)` margin-right: 12px; `; -const StyledAuthorAvatar = styled.img` - width: 16px; - height: 16px; - margin-right: 8px; - border-radius: 20px; +const StyledAuthorCell = styled.div` + display: flex; + + .author-avatar-cell { + width: 16px; + height: 16px; + margin-right: 8px; + } `; -export { StyledText, StyledAuthorAvatar }; +export { StyledText, StyledAuthorCell };