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 Checkbox from "@appserver/components/checkbox";
|
||||||
import RadioButton from "@appserver/components/radio-button";
|
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 FilesListRow = (props) => {
|
||||||
const {
|
const {
|
||||||
displayType,
|
displayType,
|
||||||
@ -38,6 +18,7 @@ const FilesListRow = (props) => {
|
|||||||
iconSrc,
|
iconSrc,
|
||||||
isChecked,
|
isChecked,
|
||||||
noCheckBox,
|
noCheckBox,
|
||||||
|
isMultiSelect,
|
||||||
} = props;
|
} = props;
|
||||||
return (
|
return (
|
||||||
<StyledFilesList
|
<StyledFilesList
|
||||||
@ -51,7 +32,24 @@ const FilesListRow = (props) => {
|
|||||||
className="modal-dialog_file-name"
|
className="modal-dialog_file-name"
|
||||||
onClick={onSelectFile}
|
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" />
|
<ReactSVG src={iconSrc} className="select-file-dialog_icon" />
|
||||||
<div data-index={index} className="files-list_full-name">
|
<div data-index={index} className="files-list_full-name">
|
||||||
@ -70,9 +68,7 @@ const FilesListRow = (props) => {
|
|||||||
};
|
};
|
||||||
|
|
||||||
FilesListRow.defaultProps = {
|
FilesListRow.defaultProps = {
|
||||||
needRowSelection: true,
|
|
||||||
isMultiSelect: false,
|
isMultiSelect: false,
|
||||||
noCheckBox: false,
|
|
||||||
};
|
};
|
||||||
|
|
||||||
export default inject(({ formatsStore }, { fileExst }) => {
|
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 {
|
.modal-dialog_file-name {
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
${(props) => props.isChecked && `background:#eceef1;`}
|
${(props) => props.isChecked && `background:#eceef1;`}
|
||||||
cursor: ${(props) => (props.needRowSelection ? "pointer" : "default")};
|
cursor: pointer;
|
||||||
border-bottom: 1px solid #eceef1;
|
border-bottom: 1px solid #eceef1;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
display: grid;
|
display: grid;
|
||||||
|
|
||||||
${(props) =>
|
${(props) =>
|
||||||
props.noCheckBox
|
props.displayType === "aside"
|
||||||
? 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"
|
|
||||||
? css`
|
? css`
|
||||||
height: 56px;
|
height: 56px;
|
||||||
grid-template-areas: "checked-button icon-name full-name full-name" "checked-button icon-name owner-name owner-name";
|
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;
|
height: 36px;
|
||||||
grid-template-areas: "checked-button icon-name full-name owner-name";
|
grid-template-areas: "checked-button icon-name full-name owner-name";
|
||||||
`}
|
`}
|
||||||
grid-template-columns: ${(props) =>
|
grid-template-columns:
|
||||||
props.noCheckBox ? "32px 1fr" : "22px 32px 1fr"}
|
22px 32px 1fr}
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
export {
|
export {
|
||||||
|
@ -173,8 +173,6 @@ var config = {
|
|||||||
"./SelectFolderDialog": "./src/components/panels/SelectFolderDialog",
|
"./SelectFolderDialog": "./src/components/panels/SelectFolderDialog",
|
||||||
"./SelectFolderInput": "./src/components/panels/SelectFolderInput",
|
"./SelectFolderInput": "./src/components/panels/SelectFolderInput",
|
||||||
"./SelectFileInput": "./src/components/panels/SelectFileInput",
|
"./SelectFileInput": "./src/components/panels/SelectFileInput",
|
||||||
"./ListRow":
|
|
||||||
"./src/components/panels/SelectFileDialog/FilesListRowWrapper.js",
|
|
||||||
},
|
},
|
||||||
shared: {
|
shared: {
|
||||||
...deps,
|
...deps,
|
||||||
|
Loading…
Reference in New Issue
Block a user