Web: Files: Deleted useless code.

This commit is contained in:
Tatiana Lopaeva 2021-10-05 20:02:05 +03:00
parent 539a0fe3be
commit 12ab20709d
4 changed files with 23 additions and 57 deletions

View File

@ -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 }) => {

View File

@ -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;

View File

@ -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 {

View File

@ -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,