relocated InfoPanelStore from Files
to Common.Auth
This commit is contained in:
parent
d5dabdc182
commit
b20d37c22e
@ -559,22 +559,19 @@ Section.SectionFilter = SectionFilter;
|
|||||||
Section.SectionBody = SectionBody;
|
Section.SectionBody = SectionBody;
|
||||||
Section.SectionPaging = SectionPaging;
|
Section.SectionPaging = SectionPaging;
|
||||||
|
|
||||||
export default inject(({ auth, infoPanelStore }) => {
|
export default inject(({ auth }) => {
|
||||||
const { isLoaded, settingsStore } = auth;
|
const { infoPanelStore, isLoaded, settingsStore } = auth;
|
||||||
const {
|
const {
|
||||||
isHeaderVisible,
|
isHeaderVisible,
|
||||||
isTabletView,
|
isTabletView,
|
||||||
|
|
||||||
isDesktopClient,
|
isDesktopClient,
|
||||||
maintenanceExist,
|
maintenanceExist,
|
||||||
snackbarExist,
|
snackbarExist,
|
||||||
setMaintenanceExist,
|
setMaintenanceExist,
|
||||||
|
|
||||||
showText,
|
showText,
|
||||||
} = settingsStore;
|
} = settingsStore;
|
||||||
|
|
||||||
let infoPanelIsVisible = false;
|
const { isVisible: infoPanelIsVisible } = infoPanelStore;
|
||||||
if (infoPanelStore) infoPanelIsVisible = infoPanelStore.isVisible;
|
|
||||||
|
|
||||||
return {
|
return {
|
||||||
isLoaded,
|
isLoaded,
|
||||||
@ -588,6 +585,6 @@ export default inject(({ auth, infoPanelStore }) => {
|
|||||||
|
|
||||||
showText,
|
showText,
|
||||||
|
|
||||||
infoPanelIsVisible: infoPanelIsVisible,
|
infoPanelIsVisible,
|
||||||
};
|
};
|
||||||
})(observer(Section));
|
})(observer(Section));
|
||||||
|
@ -51,9 +51,11 @@ const StyledInfoPanelToggleWrapper = styled.div`
|
|||||||
`;
|
`;
|
||||||
StyledInfoPanelToggleWrapper.defaultProps = { theme: Base };
|
StyledInfoPanelToggleWrapper.defaultProps = { theme: Base };
|
||||||
|
|
||||||
const SubInfoPanelHeader = ({ children, closeInfoPanel }) => {
|
const SubInfoPanelHeader = ({ children, setIsVisible }) => {
|
||||||
const content = children?.props?.children;
|
const content = children?.props?.children;
|
||||||
|
|
||||||
|
const closeInfoPanel = () => setIsVisible(false);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<StyledInfoPanelHeader>
|
<StyledInfoPanelHeader>
|
||||||
<Text className="header-text" fontSize="21px" fontWeight="700">
|
<Text className="header-text" fontSize="21px" fontWeight="700">
|
||||||
@ -91,10 +93,7 @@ SubInfoPanelHeader.defaultProps = { theme: Base };
|
|||||||
|
|
||||||
SubInfoPanelHeader.displayName = "SubInfoPanelHeader";
|
SubInfoPanelHeader.displayName = "SubInfoPanelHeader";
|
||||||
|
|
||||||
export default inject(({ infoPanelStore }) => {
|
export default inject(({ auth }) => {
|
||||||
let closeInfoPanel = () => {};
|
const { setIsVisible } = auth.infoPanelStore;
|
||||||
if (infoPanelStore) {
|
return { setIsVisible };
|
||||||
closeInfoPanel = () => infoPanelStore.setIsVisible(false);
|
|
||||||
}
|
|
||||||
return { closeInfoPanel };
|
|
||||||
})(observer(SubInfoPanelHeader));
|
})(observer(SubInfoPanelHeader));
|
||||||
|
@ -182,15 +182,8 @@ StyledInfoPanelWrapper.defaultProps = { theme: Base };
|
|||||||
StyledInfoPanel.defaultProps = { theme: Base };
|
StyledInfoPanel.defaultProps = { theme: Base };
|
||||||
InfoPanel.defaultProps = { theme: Base };
|
InfoPanel.defaultProps = { theme: Base };
|
||||||
|
|
||||||
export default inject(({ infoPanelStore }) => {
|
export default inject(({ auth }) => {
|
||||||
let isVisible = false;
|
const { isVisible, setIsVisible } = auth.infoPanelStore;
|
||||||
let setIsVisible = () => {};
|
|
||||||
|
|
||||||
if (infoPanelStore) {
|
|
||||||
isVisible = infoPanelStore.isVisible;
|
|
||||||
setIsVisible = infoPanelStore.setIsVisible;
|
|
||||||
}
|
|
||||||
|
|
||||||
return {
|
return {
|
||||||
isVisible,
|
isVisible,
|
||||||
setIsVisible,
|
setIsVisible,
|
||||||
|
@ -6,6 +6,7 @@ import ModuleStore from "./ModuleStore";
|
|||||||
import SettingsStore from "./SettingsStore";
|
import SettingsStore from "./SettingsStore";
|
||||||
import UserStore from "./UserStore";
|
import UserStore from "./UserStore";
|
||||||
import TfaStore from "./TfaStore";
|
import TfaStore from "./TfaStore";
|
||||||
|
import InfoPanelStore from "./InfoPanelStore";
|
||||||
import { logout as logoutDesktop, desktopConstants } from "../desktop";
|
import { logout as logoutDesktop, desktopConstants } from "../desktop";
|
||||||
import { combineUrl, isAdmin } from "../utils";
|
import { combineUrl, isAdmin } from "../utils";
|
||||||
import isEmpty from "lodash/isEmpty";
|
import isEmpty from "lodash/isEmpty";
|
||||||
@ -17,6 +18,7 @@ class AuthStore {
|
|||||||
moduleStore = null;
|
moduleStore = null;
|
||||||
settingsStore = null;
|
settingsStore = null;
|
||||||
tfaStore = null;
|
tfaStore = null;
|
||||||
|
infoPanelStore = null;
|
||||||
|
|
||||||
isLoading = false;
|
isLoading = false;
|
||||||
version = null;
|
version = null;
|
||||||
@ -29,6 +31,7 @@ class AuthStore {
|
|||||||
this.moduleStore = new ModuleStore();
|
this.moduleStore = new ModuleStore();
|
||||||
this.settingsStore = new SettingsStore();
|
this.settingsStore = new SettingsStore();
|
||||||
this.tfaStore = new TfaStore();
|
this.tfaStore = new TfaStore();
|
||||||
|
this.infoPanelStore = new InfoPanelStore();
|
||||||
|
|
||||||
makeAutoObservable(this);
|
makeAutoObservable(this);
|
||||||
}
|
}
|
||||||
|
@ -58,9 +58,8 @@ const SectionHeaderContent = (props) => {
|
|||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
export default inject(({ infoPanelStore }) => {
|
export default inject(({ auth }) => {
|
||||||
const { toggleIsVisible, isVisible } = infoPanelStore;
|
const { toggleIsVisible, isVisible } = auth.infoPanelStore;
|
||||||
|
|
||||||
return {
|
return {
|
||||||
toggleInfoPanel: toggleIsVisible,
|
toggleInfoPanel: toggleIsVisible,
|
||||||
isInfoPanelVisible: isVisible,
|
isInfoPanelVisible: isVisible,
|
||||||
|
@ -208,20 +208,18 @@ Tile.defaultProps = {
|
|||||||
item: {},
|
item: {},
|
||||||
};
|
};
|
||||||
|
|
||||||
export default inject(
|
export default inject(({ filesStore, settingsStore, auth }, { item }) => {
|
||||||
({ filesStore, settingsStore, infoPanelStore }, { item }) => {
|
const { gallerySelected, setGallerySelected } = filesStore;
|
||||||
const { gallerySelected, setGallerySelected } = filesStore;
|
const { getIcon } = settingsStore;
|
||||||
const { getIcon } = settingsStore;
|
const { isVisible, setIsVisible } = auth.infoPanelStore;
|
||||||
const { isVisible, setIsVisible } = infoPanelStore;
|
|
||||||
|
|
||||||
const isSelected = item.id === gallerySelected?.id;
|
const isSelected = item.id === gallerySelected?.id;
|
||||||
|
|
||||||
return {
|
return {
|
||||||
isSelected,
|
isSelected,
|
||||||
setGallerySelected,
|
setGallerySelected,
|
||||||
getIcon,
|
getIcon,
|
||||||
setIsInfoPanelVisible: setIsVisible,
|
setIsInfoPanelVisible: setIsVisible,
|
||||||
isInfoPanelVisible: isVisible,
|
isInfoPanelVisible: isVisible,
|
||||||
};
|
};
|
||||||
}
|
})(withTranslation(["FormGallery", "Common"])(withRouter(observer(Tile))));
|
||||||
)(withTranslation(["FormGallery", "Common"])(withRouter(observer(Tile))));
|
|
||||||
|
@ -97,10 +97,9 @@ const FilesRowContainer = ({
|
|||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
export default inject(({ filesStore, infoPanelStore }) => {
|
export default inject(({ filesStore, auth }) => {
|
||||||
const { filesList, viewAs, setViewAs } = filesStore;
|
const { filesList, viewAs, setViewAs } = filesStore;
|
||||||
|
const { isVisible: infoPanelVisible } = auth.infoPanelStore;
|
||||||
const { isVisible: infoPanelVisible } = infoPanelStore;
|
|
||||||
return {
|
return {
|
||||||
filesList,
|
filesList,
|
||||||
viewAs,
|
viewAs,
|
||||||
|
@ -161,8 +161,8 @@ const Table = ({
|
|||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
export default inject(({ filesStore, infoPanelStore, auth }) => {
|
export default inject(({ filesStore, auth }) => {
|
||||||
const { isVisible: infoPanelVisible } = infoPanelStore;
|
const { isVisible: infoPanelVisible } = auth.infoPanelStore;
|
||||||
|
|
||||||
const {
|
const {
|
||||||
filesList,
|
filesList,
|
||||||
|
@ -228,14 +228,8 @@ class FilesTableHeader extends React.Component {
|
|||||||
}
|
}
|
||||||
|
|
||||||
export default inject(
|
export default inject(
|
||||||
({
|
({ auth, filesStore, selectedFolderStore, treeFoldersStore }) => {
|
||||||
auth,
|
const { isVisible: infoPanelVisible } = auth.infoPanelStore;
|
||||||
filesStore,
|
|
||||||
selectedFolderStore,
|
|
||||||
treeFoldersStore,
|
|
||||||
infoPanelStore,
|
|
||||||
}) => {
|
|
||||||
const { isVisible: infoPanelVisible } = infoPanelStore;
|
|
||||||
|
|
||||||
const {
|
const {
|
||||||
isHeaderChecked,
|
isHeaderChecked,
|
||||||
|
@ -351,13 +351,7 @@ const SectionFilterContent = ({
|
|||||||
};
|
};
|
||||||
|
|
||||||
export default inject(
|
export default inject(
|
||||||
({
|
({ auth, filesStore, treeFoldersStore, selectedFolderStore }) => {
|
||||||
auth,
|
|
||||||
filesStore,
|
|
||||||
treeFoldersStore,
|
|
||||||
selectedFolderStore,
|
|
||||||
infoPanelStore,
|
|
||||||
}) => {
|
|
||||||
const {
|
const {
|
||||||
fetchFiles,
|
fetchFiles,
|
||||||
filter,
|
filter,
|
||||||
@ -382,7 +376,7 @@ export default inject(
|
|||||||
authorType) &&
|
authorType) &&
|
||||||
!(treeFoldersStore.isPrivacyFolder && isMobile);
|
!(treeFoldersStore.isPrivacyFolder && isMobile);
|
||||||
|
|
||||||
const { isVisible: infoPanelVisible } = infoPanelStore;
|
const { isVisible: infoPanelVisible } = auth.infoPanelStore;
|
||||||
|
|
||||||
return {
|
return {
|
||||||
customNames,
|
customNames,
|
||||||
|
@ -442,7 +442,6 @@ export default inject(
|
|||||||
treeFoldersStore,
|
treeFoldersStore,
|
||||||
filesActionsStore,
|
filesActionsStore,
|
||||||
settingsStore,
|
settingsStore,
|
||||||
infoPanelStore,
|
|
||||||
}) => {
|
}) => {
|
||||||
const {
|
const {
|
||||||
setSelected,
|
setSelected,
|
||||||
@ -483,7 +482,7 @@ export default inject(
|
|||||||
backToParentFolder,
|
backToParentFolder,
|
||||||
} = filesActionsStore;
|
} = filesActionsStore;
|
||||||
|
|
||||||
const { toggleIsVisible, isVisible } = infoPanelStore;
|
const { toggleIsVisible, isVisible } = auth.infoPanelStore;
|
||||||
|
|
||||||
return {
|
return {
|
||||||
showText: auth.settingsStore.showText,
|
showText: auth.settingsStore.showText,
|
||||||
|
@ -21,7 +21,6 @@ class ContextOptionsStore {
|
|||||||
uploadDataStore;
|
uploadDataStore;
|
||||||
versionHistoryStore;
|
versionHistoryStore;
|
||||||
settingsStore;
|
settingsStore;
|
||||||
infoPanelStore;
|
|
||||||
filesSettingsStore;
|
filesSettingsStore;
|
||||||
|
|
||||||
constructor(
|
constructor(
|
||||||
@ -33,8 +32,7 @@ class ContextOptionsStore {
|
|||||||
treeFoldersStore,
|
treeFoldersStore,
|
||||||
uploadDataStore,
|
uploadDataStore,
|
||||||
versionHistoryStore,
|
versionHistoryStore,
|
||||||
settingsStore,
|
settingsStore
|
||||||
infoPanelStore
|
|
||||||
) {
|
) {
|
||||||
makeAutoObservable(this);
|
makeAutoObservable(this);
|
||||||
this.authStore = authStore;
|
this.authStore = authStore;
|
||||||
@ -46,7 +44,6 @@ class ContextOptionsStore {
|
|||||||
this.uploadDataStore = uploadDataStore;
|
this.uploadDataStore = uploadDataStore;
|
||||||
this.versionHistoryStore = versionHistoryStore;
|
this.versionHistoryStore = versionHistoryStore;
|
||||||
this.settingsStore = settingsStore;
|
this.settingsStore = settingsStore;
|
||||||
this.infoPanelStore = infoPanelStore;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
onOpenFolder = (item) => {
|
onOpenFolder = (item) => {
|
||||||
@ -338,7 +335,7 @@ class ContextOptionsStore {
|
|||||||
};
|
};
|
||||||
|
|
||||||
onShowInfoPanel = () => {
|
onShowInfoPanel = () => {
|
||||||
const { setIsVisible } = this.infoPanelStore;
|
const { setIsVisible } = this.authStore.infoPanelStore;
|
||||||
setIsVisible(true);
|
setIsVisible(true);
|
||||||
};
|
};
|
||||||
|
|
||||||
|
@ -34,7 +34,6 @@ class FilesActionStore {
|
|||||||
settingsStore;
|
settingsStore;
|
||||||
dialogsStore;
|
dialogsStore;
|
||||||
mediaViewerDataStore;
|
mediaViewerDataStore;
|
||||||
infoPanelStore;
|
|
||||||
|
|
||||||
constructor(
|
constructor(
|
||||||
authStore,
|
authStore,
|
||||||
@ -44,8 +43,7 @@ class FilesActionStore {
|
|||||||
selectedFolderStore,
|
selectedFolderStore,
|
||||||
settingsStore,
|
settingsStore,
|
||||||
dialogsStore,
|
dialogsStore,
|
||||||
mediaViewerDataStore,
|
mediaViewerDataStore
|
||||||
infoPanelStore
|
|
||||||
) {
|
) {
|
||||||
makeAutoObservable(this);
|
makeAutoObservable(this);
|
||||||
this.authStore = authStore;
|
this.authStore = authStore;
|
||||||
@ -55,7 +53,6 @@ class FilesActionStore {
|
|||||||
this.selectedFolderStore = selectedFolderStore;
|
this.selectedFolderStore = selectedFolderStore;
|
||||||
this.settingsStore = settingsStore;
|
this.settingsStore = settingsStore;
|
||||||
this.dialogsStore = dialogsStore;
|
this.dialogsStore = dialogsStore;
|
||||||
this.infoPanelStore = infoPanelStore;
|
|
||||||
this.mediaViewerDataStore = mediaViewerDataStore;
|
this.mediaViewerDataStore = mediaViewerDataStore;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -854,8 +851,6 @@ class FilesActionStore {
|
|||||||
setDeleteDialogVisible,
|
setDeleteDialogVisible,
|
||||||
} = this.dialogsStore;
|
} = this.dialogsStore;
|
||||||
|
|
||||||
const { toggleIsVisible } = this.infoPanelStore;
|
|
||||||
|
|
||||||
switch (option) {
|
switch (option) {
|
||||||
case "share":
|
case "share":
|
||||||
if (!this.isAvailableOption("share")) return null;
|
if (!this.isAvailableOption("share")) return null;
|
||||||
|
@ -16,7 +16,6 @@ import selectFolderDialogStore from "./SelectFolderDialogStore";
|
|||||||
import ContextOptionsStore from "./ContextOptionsStore";
|
import ContextOptionsStore from "./ContextOptionsStore";
|
||||||
import HotkeyStore from "./HotkeyStore";
|
import HotkeyStore from "./HotkeyStore";
|
||||||
import store from "studio/store";
|
import store from "studio/store";
|
||||||
import InfoPanelStore from "./InfoPanelStore";
|
|
||||||
import selectFileDialogStore from "./SelectFileDialogStore";
|
import selectFileDialogStore from "./SelectFileDialogStore";
|
||||||
|
|
||||||
const selectedFolderStore = new SelectedFolderStore(store.auth.settingsStore);
|
const selectedFolderStore = new SelectedFolderStore(store.auth.settingsStore);
|
||||||
@ -56,8 +55,6 @@ const uploadDataStore = new UploadDataStore(
|
|||||||
settingsStore
|
settingsStore
|
||||||
);
|
);
|
||||||
|
|
||||||
const infoPanelStore = new InfoPanelStore();
|
|
||||||
|
|
||||||
const filesActionsStore = new FilesActionsStore(
|
const filesActionsStore = new FilesActionsStore(
|
||||||
store.auth,
|
store.auth,
|
||||||
uploadDataStore,
|
uploadDataStore,
|
||||||
@ -66,8 +63,7 @@ const filesActionsStore = new FilesActionsStore(
|
|||||||
selectedFolderStore,
|
selectedFolderStore,
|
||||||
settingsStore,
|
settingsStore,
|
||||||
dialogsStore,
|
dialogsStore,
|
||||||
mediaViewerDataStore,
|
mediaViewerDataStore
|
||||||
infoPanelStore
|
|
||||||
);
|
);
|
||||||
|
|
||||||
const versionHistoryStore = new VersionHistoryStore(filesStore);
|
const versionHistoryStore = new VersionHistoryStore(filesStore);
|
||||||
@ -80,8 +76,7 @@ const contextOptionsStore = new ContextOptionsStore(
|
|||||||
treeFoldersStore,
|
treeFoldersStore,
|
||||||
uploadDataStore,
|
uploadDataStore,
|
||||||
versionHistoryStore,
|
versionHistoryStore,
|
||||||
settingsStore,
|
settingsStore
|
||||||
infoPanelStore
|
|
||||||
);
|
);
|
||||||
|
|
||||||
const hotkeyStore = new HotkeyStore(
|
const hotkeyStore = new HotkeyStore(
|
||||||
@ -106,7 +101,7 @@ const stores = {
|
|||||||
selectFolderDialogStore,
|
selectFolderDialogStore,
|
||||||
contextOptionsStore,
|
contextOptionsStore,
|
||||||
hotkeyStore,
|
hotkeyStore,
|
||||||
infoPanelStore,
|
//infoPanelStore,
|
||||||
selectFileDialogStore,
|
selectFileDialogStore,
|
||||||
};
|
};
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user