Web: Files: icons moved to separate file
This commit is contained in:
parent
6467a66773
commit
999722ada7
@ -10,8 +10,8 @@ import Text from "@appserver/components/text";
|
||||
|
||||
import Tile from "./FilesTile/sub-components/Tile";
|
||||
import FilesContent from "./FilesContent";
|
||||
import { SimpleFilesRow, EncryptedFileIcon } from "./FilesRow/SimpleFilesRow";
|
||||
|
||||
import SimpleFilesRow from "./FilesRow/SimpleFilesRow";
|
||||
import { EncryptedFileIcon } from "./sub-components/Icons";
|
||||
const svgLoader = () => <div style={{ width: "24px" }}></div>;
|
||||
|
||||
const FileItem = (props) => {
|
||||
|
@ -1,7 +1,7 @@
|
||||
import styled from "styled-components";
|
||||
import Row from "@appserver/components/row";
|
||||
|
||||
export const SimpleFilesRow = styled(Row)`
|
||||
export default styled(Row)`
|
||||
margin-top: -2px;
|
||||
${(props) =>
|
||||
!props.contextOptions &&
|
||||
@ -36,12 +36,3 @@ export const SimpleFilesRow = styled(Row)`
|
||||
margin-right: 7px;
|
||||
}
|
||||
`;
|
||||
|
||||
export const EncryptedFileIcon = styled.div`
|
||||
background: url("images/security.svg") no-repeat 0 0 / 16px 16px transparent;
|
||||
height: 16px;
|
||||
position: absolute;
|
||||
width: 16px;
|
||||
margin-top: 14px;
|
||||
margin-left: ${(props) => (props.isEdit ? "40px" : "12px")};
|
||||
`;
|
||||
|
@ -1,42 +1,13 @@
|
||||
import React from "react";
|
||||
import { inject, observer } from "mobx-react";
|
||||
import styled from "styled-components";
|
||||
import { ShareAccessRights } from "@appserver/common/constants";
|
||||
import Badge from "@appserver/components/badge";
|
||||
import IconButton from "@appserver/components/icon-button";
|
||||
import commonIconsStyles from "@appserver/components/utils/common-icons-style";
|
||||
import FavoriteIcon from "../../../../../../../public/images/favorite.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 StyledFavoriteIcon = styled(FavoriteIcon)`
|
||||
${commonIconsStyles}
|
||||
&:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
`;
|
||||
|
||||
export const StyledFileActionsConvertEditDocIcon = styled(
|
||||
FileActionsConvertEditDocIcon
|
||||
)`
|
||||
${commonIconsStyles}
|
||||
path {
|
||||
fill: #3b72a7;
|
||||
}
|
||||
&:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
`;
|
||||
|
||||
export const StyledFileActionsLockedIcon = styled(FileActionsLockedIcon)`
|
||||
${commonIconsStyles}
|
||||
path {
|
||||
fill: #3b72a7;
|
||||
}
|
||||
&:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
`;
|
||||
import {
|
||||
StyledFavoriteIcon,
|
||||
StyledFileActionsConvertEditDocIcon,
|
||||
StyledFileActionsLockedIcon,
|
||||
} from "./Icons";
|
||||
|
||||
const Badges = (props) => {
|
||||
const {
|
||||
|
@ -0,0 +1,45 @@
|
||||
import styled from "styled-components";
|
||||
|
||||
import commonIconsStyles from "@appserver/components/utils/common-icons-style";
|
||||
|
||||
import FavoriteIcon from "../../../../../../../public/images/favorite.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 StyledFavoriteIcon = styled(FavoriteIcon)`
|
||||
${commonIconsStyles}
|
||||
&:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
`;
|
||||
|
||||
export const StyledFileActionsConvertEditDocIcon = styled(
|
||||
FileActionsConvertEditDocIcon
|
||||
)`
|
||||
${commonIconsStyles}
|
||||
path {
|
||||
fill: #3b72a7;
|
||||
}
|
||||
&:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
`;
|
||||
|
||||
export const StyledFileActionsLockedIcon = styled(FileActionsLockedIcon)`
|
||||
${commonIconsStyles}
|
||||
path {
|
||||
fill: #3b72a7;
|
||||
}
|
||||
&:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
`;
|
||||
|
||||
export const EncryptedFileIcon = styled.div`
|
||||
background: url("images/security.svg") no-repeat 0 0 / 16px 16px transparent;
|
||||
height: 16px;
|
||||
position: absolute;
|
||||
width: 16px;
|
||||
margin-top: 14px;
|
||||
margin-left: ${(props) => (props.isEdit ? "40px" : "12px")};
|
||||
`;
|
Loading…
Reference in New Issue
Block a user