Web: Client: ItemIcon: Fixed icon outline, simplify render for icon component
This commit is contained in:
parent
93a05e6567
commit
0eb1dad6f8
@ -4,23 +4,13 @@ import styled, { css } from "styled-components";
|
||||
import Base from "@docspace/components/themes/base";
|
||||
|
||||
const StyledIcon = styled.img`
|
||||
/* width: 24px;
|
||||
height: 24px;
|
||||
margin-top: 4px; */
|
||||
|
||||
${(props) =>
|
||||
props.isRoom &&
|
||||
css`
|
||||
border-radius: 6px;
|
||||
outline: 1px solid ${(props) => props.theme.itemIcon.borderColor};
|
||||
`}
|
||||
|
||||
${(props) =>
|
||||
props.isHidden &&
|
||||
css`
|
||||
display: none;
|
||||
border-radius: none;
|
||||
outline: none;
|
||||
outline: 1px solid
|
||||
${(props) =>
|
||||
props.default ? "none" : props.theme.itemIcon.borderColor};
|
||||
`}
|
||||
`;
|
||||
|
||||
@ -46,20 +36,12 @@ const ItemIcon = ({ icon, fileExst, isPrivacy, isRoom, defaultRoomIcon }) => {
|
||||
|
||||
return (
|
||||
<>
|
||||
{isRoom && (
|
||||
<StyledIcon
|
||||
className={`react-svg-icon`}
|
||||
isHidden={!showDefaultIcon}
|
||||
isRoom={isRoom}
|
||||
src={defaultRoomIcon}
|
||||
/>
|
||||
)}
|
||||
<StyledIcon
|
||||
className={`react-svg-icon`}
|
||||
isHidden={showDefaultIcon}
|
||||
isRoom={isRoom}
|
||||
src={icon}
|
||||
src={showDefaultIcon ? defaultRoomIcon : icon}
|
||||
onLoad={onLoadRoomIcon}
|
||||
default={showDefaultIcon}
|
||||
/>
|
||||
{isPrivacy && fileExst && <EncryptedFileIcon isEdit={false} />}
|
||||
</>
|
||||
|
Loading…
Reference in New Issue
Block a user