finished coding interactions of new dialog with other components
This commit is contained in:
parent
3b2d496909
commit
d99a5b6c5a
@ -15,7 +15,12 @@ const linkStyles = {
|
||||
display: "flex",
|
||||
};
|
||||
|
||||
const EmptyContainer = ({ isFiltered, parentId, theme }) => {
|
||||
const EmptyContainer = ({
|
||||
isFiltered,
|
||||
parentId,
|
||||
theme,
|
||||
setCreateRoomDialogVisible,
|
||||
}) => {
|
||||
linkStyles.color = theme.filesEmptyContainer.linkColor;
|
||||
|
||||
const onCreate = (e) => {
|
||||
@ -33,13 +38,18 @@ const EmptyContainer = ({ isFiltered, parentId, theme }) => {
|
||||
};
|
||||
|
||||
const onCreateRoom = (e) => {
|
||||
setCreateRoomDialogVisible(true);
|
||||
console.log("create room");
|
||||
};
|
||||
|
||||
return isFiltered ? (
|
||||
<EmptyFilterContainer linkStyles={linkStyles} />
|
||||
) : parentId === 0 ? (
|
||||
<RootFolderContainer onCreate={onCreate} linkStyles={linkStyles} />
|
||||
<RootFolderContainer
|
||||
onCreate={onCreate}
|
||||
linkStyles={linkStyles}
|
||||
onCreateRoom={onCreateRoom}
|
||||
/>
|
||||
) : (
|
||||
<EmptyFolderContainer
|
||||
onCreate={onCreate}
|
||||
@ -50,7 +60,13 @@ const EmptyContainer = ({ isFiltered, parentId, theme }) => {
|
||||
};
|
||||
|
||||
export default inject(
|
||||
({ auth, filesStore, treeFoldersStore, selectedFolderStore }) => {
|
||||
({
|
||||
auth,
|
||||
filesStore,
|
||||
dialogsStore,
|
||||
treeFoldersStore,
|
||||
selectedFolderStore,
|
||||
}) => {
|
||||
const {
|
||||
authorType,
|
||||
search,
|
||||
@ -59,6 +75,8 @@ export default inject(
|
||||
} = filesStore.filter;
|
||||
const { isPrivacyFolder } = treeFoldersStore;
|
||||
|
||||
const { setCreateRoomDialogVisible } = dialogsStore;
|
||||
|
||||
const isFiltered =
|
||||
(authorType || search || !withSubfolders || filterType) &&
|
||||
!(isPrivacyFolder && isMobile);
|
||||
@ -66,6 +84,7 @@ export default inject(
|
||||
return {
|
||||
theme: auth.settingsStore.theme,
|
||||
isFiltered,
|
||||
setCreateRoomDialogVisible,
|
||||
|
||||
parentId: selectedFolderStore.parentId,
|
||||
};
|
||||
|
@ -1,12 +1,27 @@
|
||||
import React from "react";
|
||||
import { inject, observer } from "mobx-react";
|
||||
import ModalDialog from "@appserver/components/modal-dialog";
|
||||
import { withTranslation, Trans } from "react-i18next";
|
||||
|
||||
const CreateRoomDialog = ({ visible, setCreateRoomDialogVisible }) => {
|
||||
const onClose = () => setCreateRoomDialogVisible(false);
|
||||
|
||||
const CreateRoomDialog = ({}) => {
|
||||
return (
|
||||
<ModalDialog displayType="aside">
|
||||
<ModalDialog displayType="aside" visible={visible} onClose={onClose}>
|
||||
<ModalDialog.Header>Create room</ModalDialog.Header>
|
||||
<ModalDialog.Body>Create room</ModalDialog.Body>
|
||||
</ModalDialog>
|
||||
);
|
||||
};
|
||||
|
||||
export default CreateRoomDialog;
|
||||
export default inject(({ dialogsStore }) => {
|
||||
const {
|
||||
createRoomDialogVisible: visible,
|
||||
setCreateRoomDialogVisible,
|
||||
} = dialogsStore;
|
||||
|
||||
return {
|
||||
visible,
|
||||
setCreateRoomDialogVisible,
|
||||
};
|
||||
})(withTranslation(["CreateRoomDialog", "Common"])(observer(CreateRoomDialog)));
|
||||
|
@ -70,6 +70,8 @@ class SectionHeaderContent extends React.Component {
|
||||
|
||||
onCreateRoom = () => {
|
||||
console.log("create room");
|
||||
const { setCreateRoomDialogVisible } = this.props;
|
||||
setCreateRoomDialogVisible(true);
|
||||
};
|
||||
|
||||
createDocument = () => this.onCreate("docx");
|
||||
@ -546,6 +548,7 @@ export default inject(
|
||||
setEmptyTrashDialogVisible,
|
||||
setSelectFileDialogVisible,
|
||||
setIsFolderActions,
|
||||
setCreateRoomDialogVisible,
|
||||
} = dialogsStore;
|
||||
|
||||
const {
|
||||
@ -613,6 +616,7 @@ export default inject(
|
||||
backToParentFolder,
|
||||
getCheckboxItemLabel,
|
||||
setSelectFileDialogVisible,
|
||||
setCreateRoomDialogVisible,
|
||||
|
||||
isRecycleBinFolder,
|
||||
setEmptyTrashDialogVisible,
|
||||
|
@ -45,11 +45,12 @@ const linkStyles = {
|
||||
display: "flex",
|
||||
};
|
||||
|
||||
const EmptyContainer = ({ theme }) => {
|
||||
const EmptyContainer = ({ theme, setCreateRoomDialogVisible }) => {
|
||||
linkStyles.color = theme.filesEmptyContainer.linkColor;
|
||||
|
||||
const onCreateRoom = () => {
|
||||
console.log("Create room");
|
||||
setCreateRoomDialogVisible(true);
|
||||
};
|
||||
|
||||
const buttons = (
|
||||
@ -79,9 +80,11 @@ const EmptyContainer = ({ theme }) => {
|
||||
);
|
||||
};
|
||||
|
||||
export default inject(({ auth }) => {
|
||||
export default inject(({ auth, dialogsStore }) => {
|
||||
const { theme } = auth.settingsStore;
|
||||
const { setCreateRoomDialogVisible } = dialogsStore;
|
||||
return {
|
||||
theme,
|
||||
setCreateRoomDialogVisible,
|
||||
};
|
||||
})(withTranslation(["Home", "Common"])(observer(EmptyContainer)));
|
||||
|
@ -197,7 +197,7 @@ class DialogsStore {
|
||||
this.convertDialogVisible = visible;
|
||||
};
|
||||
|
||||
setConvertDialogVisible = (visible) => {
|
||||
setCreateRoomDialogVisible = (visible) => {
|
||||
this.createRoomDialogVisible = visible;
|
||||
};
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user