Web: Files: Deleted useless code.
This commit is contained in:
parent
539a0fe3be
commit
12ab20709d
@ -6,26 +6,6 @@ import Text from "@appserver/components/text";
|
||||
import Checkbox from "@appserver/components/checkbox";
|
||||
import RadioButton from "@appserver/components/radio-button";
|
||||
|
||||
const CheckboxRender = ({ isMultiSelect, index, isChecked, onSelectFile }) => {
|
||||
return isMultiSelect ? ( // it will be needed
|
||||
<Checkbox
|
||||
label=""
|
||||
isChecked={isChecked}
|
||||
className="select-file-dialog_checked"
|
||||
/>
|
||||
) : (
|
||||
<RadioButton
|
||||
fontSize="13px"
|
||||
fontWeight="400"
|
||||
name={`${index}`}
|
||||
label=""
|
||||
isChecked={isChecked}
|
||||
onClick={onSelectFile}
|
||||
value=""
|
||||
className="select-file-dialog_checked"
|
||||
/>
|
||||
);
|
||||
};
|
||||
const FilesListRow = (props) => {
|
||||
const {
|
||||
displayType,
|
||||
@ -38,6 +18,7 @@ const FilesListRow = (props) => {
|
||||
iconSrc,
|
||||
isChecked,
|
||||
noCheckBox,
|
||||
isMultiSelect,
|
||||
} = props;
|
||||
return (
|
||||
<StyledFilesList
|
||||
@ -51,7 +32,24 @@ const FilesListRow = (props) => {
|
||||
className="modal-dialog_file-name"
|
||||
onClick={onSelectFile}
|
||||
>
|
||||
{!noCheckBox && <CheckboxRender {...props} />}
|
||||
{isMultiSelect ? ( // it will be needed
|
||||
<Checkbox
|
||||
label=""
|
||||
isChecked={isChecked}
|
||||
className="select-file-dialog_checked"
|
||||
/>
|
||||
) : (
|
||||
<RadioButton
|
||||
fontSize="13px"
|
||||
fontWeight="400"
|
||||
name={`${index}`}
|
||||
label=""
|
||||
isChecked={isChecked}
|
||||
onClick={onSelectFile}
|
||||
value=""
|
||||
className="select-file-dialog_checked"
|
||||
/>
|
||||
)}
|
||||
|
||||
<ReactSVG src={iconSrc} className="select-file-dialog_icon" />
|
||||
<div data-index={index} className="files-list_full-name">
|
||||
@ -70,9 +68,7 @@ const FilesListRow = (props) => {
|
||||
};
|
||||
|
||||
FilesListRow.defaultProps = {
|
||||
needRowSelection: true,
|
||||
isMultiSelect: false,
|
||||
noCheckBox: false,
|
||||
};
|
||||
|
||||
export default inject(({ formatsStore }, { fileExst }) => {
|
||||
|
@ -1,18 +0,0 @@
|
||||
import React from "react";
|
||||
import { Provider as MobxProvider } from "mobx-react";
|
||||
import FilesListRow from "./FilesListRow";
|
||||
import stores from "../../../store/index";
|
||||
|
||||
const ListRowWrapper = (props) => <FilesListRow {...props} />;
|
||||
|
||||
class ListRow extends React.Component {
|
||||
render() {
|
||||
return (
|
||||
<MobxProvider {...stores}>
|
||||
<ListRowWrapper {...this.props} />
|
||||
</MobxProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
export default ListRow;
|
@ -750,23 +750,13 @@ const StyledFilesList = styled.div`
|
||||
.modal-dialog_file-name {
|
||||
border-radius: 3px;
|
||||
${(props) => props.isChecked && `background:#eceef1;`}
|
||||
cursor: ${(props) => (props.needRowSelection ? "pointer" : "default")};
|
||||
cursor: pointer;
|
||||
border-bottom: 1px solid #eceef1;
|
||||
align-items: center;
|
||||
display: grid;
|
||||
|
||||
${(props) =>
|
||||
props.noCheckBox
|
||||
? props.displayType === "aside"
|
||||
? css`
|
||||
height: 56px;
|
||||
grid-template-areas: "icon-name full-name full-name" "checked-button icon-name owner-name owner-name";
|
||||
`
|
||||
: css`
|
||||
height: 36px;
|
||||
grid-template-areas: "icon-name full-name owner-name";
|
||||
`
|
||||
: props.displayType === "aside"
|
||||
props.displayType === "aside"
|
||||
? css`
|
||||
height: 56px;
|
||||
grid-template-areas: "checked-button icon-name full-name full-name" "checked-button icon-name owner-name owner-name";
|
||||
@ -775,8 +765,8 @@ const StyledFilesList = styled.div`
|
||||
height: 36px;
|
||||
grid-template-areas: "checked-button icon-name full-name owner-name";
|
||||
`}
|
||||
grid-template-columns: ${(props) =>
|
||||
props.noCheckBox ? "32px 1fr" : "22px 32px 1fr"}
|
||||
grid-template-columns:
|
||||
22px 32px 1fr}
|
||||
}
|
||||
`;
|
||||
export {
|
||||
|
@ -173,8 +173,6 @@ var config = {
|
||||
"./SelectFolderDialog": "./src/components/panels/SelectFolderDialog",
|
||||
"./SelectFolderInput": "./src/components/panels/SelectFolderInput",
|
||||
"./SelectFileInput": "./src/components/panels/SelectFileInput",
|
||||
"./ListRow":
|
||||
"./src/components/panels/SelectFileDialog/FilesListRowWrapper.js",
|
||||
},
|
||||
shared: {
|
||||
...deps,
|
||||
|
Loading…
Reference in New Issue
Block a user