appserver to docspace import fix
This commit is contained in:
parent
03f1f0c8cc
commit
1d8d7e9a6e
@ -1,4 +1,4 @@
|
|||||||
import React from "react";
|
import React, { useState, useEffect, useCallback, memo } from "react";
|
||||||
|
|
||||||
import { FileAction } from "@docspace/common/constants";
|
import { FileAction } from "@docspace/common/constants";
|
||||||
import { Events } from "@docspace/client/src/helpers/filesConstants";
|
import { Events } from "@docspace/client/src/helpers/filesConstants";
|
||||||
@ -9,7 +9,7 @@ import CreateRoomEvent from "./CreateRoomEvent";
|
|||||||
import EditRoomEvent from "./EditRoomEvent";
|
import EditRoomEvent from "./EditRoomEvent";
|
||||||
|
|
||||||
const GlobalEvents = () => {
|
const GlobalEvents = () => {
|
||||||
const [createDialogProps, setCreateDialogProps] = React.useState({
|
const [createDialogProps, setCreateDialogProps] = useState({
|
||||||
visible: false,
|
visible: false,
|
||||||
id: null,
|
id: null,
|
||||||
type: null,
|
type: null,
|
||||||
@ -20,24 +20,24 @@ const GlobalEvents = () => {
|
|||||||
onClose: null,
|
onClose: null,
|
||||||
});
|
});
|
||||||
|
|
||||||
const [renameDialogProps, setRenameDialogProps] = React.useState({
|
const [renameDialogProps, setRenameDialogProps] = useState({
|
||||||
visible: false,
|
visible: false,
|
||||||
item: null,
|
item: null,
|
||||||
onClose: null,
|
onClose: null,
|
||||||
});
|
});
|
||||||
|
|
||||||
const [createRoomDialogProps, setCreateRoomDialogProps] = React.useState({
|
const [createRoomDialogProps, setCreateRoomDialogProps] = useState({
|
||||||
visible: false,
|
visible: false,
|
||||||
onClose: null,
|
onClose: null,
|
||||||
});
|
});
|
||||||
|
|
||||||
const [editRoomDialogProps, setEditRoomDialogProps] = React.useState({
|
const [editRoomDialogProps, setEditRoomDialogProps] = useState({
|
||||||
visible: false,
|
visible: false,
|
||||||
item: null,
|
item: null,
|
||||||
onClose: null,
|
onClose: null,
|
||||||
});
|
});
|
||||||
|
|
||||||
const onCreate = React.useCallback((e) => {
|
const onCreate = useCallback((e) => {
|
||||||
const { payload } = e;
|
const { payload } = e;
|
||||||
|
|
||||||
const visible = payload.id ? true : false;
|
const visible = payload.id ? true : false;
|
||||||
@ -65,7 +65,7 @@ const GlobalEvents = () => {
|
|||||||
});
|
});
|
||||||
}, []);
|
}, []);
|
||||||
|
|
||||||
const onRename = React.useCallback((e) => {
|
const onRename = useCallback((e) => {
|
||||||
const visible = e.item ? true : false;
|
const visible = e.item ? true : false;
|
||||||
|
|
||||||
setRenameDialogProps({
|
setRenameDialogProps({
|
||||||
@ -82,7 +82,7 @@ const GlobalEvents = () => {
|
|||||||
});
|
});
|
||||||
}, []);
|
}, []);
|
||||||
|
|
||||||
const onCreateRoom = React.useCallback((e) => {
|
const onCreateRoom = useCallback((e) => {
|
||||||
setCreateRoomDialogProps({
|
setCreateRoomDialogProps({
|
||||||
visible: true,
|
visible: true,
|
||||||
onClose: () =>
|
onClose: () =>
|
||||||
@ -90,7 +90,7 @@ const GlobalEvents = () => {
|
|||||||
});
|
});
|
||||||
}, []);
|
}, []);
|
||||||
|
|
||||||
const onEditRoom = React.useCallback((e) => {
|
const onEditRoom = useCallback((e) => {
|
||||||
const visible = e.item ? true : false;
|
const visible = e.item ? true : false;
|
||||||
|
|
||||||
setEditRoomDialogProps({
|
setEditRoomDialogProps({
|
||||||
@ -106,7 +106,7 @@ const GlobalEvents = () => {
|
|||||||
});
|
});
|
||||||
}, []);
|
}, []);
|
||||||
|
|
||||||
React.useEffect(() => {
|
useEffect(() => {
|
||||||
window.addEventListener(Events.CREATE, onCreate);
|
window.addEventListener(Events.CREATE, onCreate);
|
||||||
window.addEventListener(Events.RENAME, onRename);
|
window.addEventListener(Events.RENAME, onRename);
|
||||||
window.addEventListener(Events.ROOM_CREATE, onCreateRoom);
|
window.addEventListener(Events.ROOM_CREATE, onCreateRoom);
|
||||||
@ -136,4 +136,4 @@ const GlobalEvents = () => {
|
|||||||
];
|
];
|
||||||
};
|
};
|
||||||
|
|
||||||
export default React.memo(GlobalEvents);
|
export default memo(GlobalEvents);
|
||||||
|
@ -1,15 +1,15 @@
|
|||||||
import React, { useState } from "react";
|
import React, { useState } from "react";
|
||||||
import styled from "styled-components";
|
import styled from "styled-components";
|
||||||
|
|
||||||
import ModalDialog from "@appserver/components/modal-dialog";
|
import ModalDialog from "@docspace/components/modal-dialog";
|
||||||
import Button from "@appserver/components/button";
|
import Button from "@docspace/components/button";
|
||||||
|
|
||||||
import TagHandler from "./handlers/tagHandler";
|
import TagHandler from "./handlers/tagHandler";
|
||||||
|
|
||||||
import SetRoomParams from "./sub-components/SetRoomParams";
|
import SetRoomParams from "./sub-components/SetRoomParams";
|
||||||
import RoomTypeList from "./sub-components/RoomTypeList";
|
import RoomTypeList from "./sub-components/RoomTypeList";
|
||||||
import { roomTypes } from "./data";
|
import { roomTypes } from "./data";
|
||||||
import IconButton from "@appserver/components/icon-button";
|
import IconButton from "@docspace/components/icon-button";
|
||||||
|
|
||||||
const StyledModalDialog = styled(ModalDialog)`
|
const StyledModalDialog = styled(ModalDialog)`
|
||||||
.header-with-button {
|
.header-with-button {
|
||||||
|
@ -1,7 +1,7 @@
|
|||||||
import React, { useState } from "react";
|
import React, { useState } from "react";
|
||||||
|
|
||||||
import ModalDialog from "@appserver/components/modal-dialog";
|
import ModalDialog from "@docspace/components/modal-dialog";
|
||||||
import Button from "@appserver/components/button";
|
import Button from "@docspace/components/button";
|
||||||
|
|
||||||
import TagHandler from "./handlers/tagHandler";
|
import TagHandler from "./handlers/tagHandler";
|
||||||
import { roomTypes } from "./data";
|
import { roomTypes } from "./data";
|
||||||
|
@ -1,4 +1,4 @@
|
|||||||
import { RoomsType } from "@appserver/common/constants";
|
import { RoomsType } from "@docspace/common/constants";
|
||||||
|
|
||||||
export const roomTypes = [
|
export const roomTypes = [
|
||||||
{
|
{
|
||||||
|
@ -2,10 +2,10 @@ import React from "react";
|
|||||||
import PropTypes from "prop-types";
|
import PropTypes from "prop-types";
|
||||||
import styled from "styled-components";
|
import styled from "styled-components";
|
||||||
|
|
||||||
import IconButton from "@appserver/components/icon-button";
|
import IconButton from "@docspace/components/icon-button";
|
||||||
import Text from "@appserver/components/text";
|
import Text from "@docspace/components/text";
|
||||||
import RoomLogo from "@appserver/components/room-logo";
|
import RoomLogo from "@docspace/components/room-logo";
|
||||||
import HelpButton from "@appserver/components/help-button";
|
import HelpButton from "@docspace/components/help-button";
|
||||||
|
|
||||||
const StyledRoomType = styled.div`
|
const StyledRoomType = styled.div`
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
@ -3,12 +3,12 @@ import styled from "styled-components";
|
|||||||
import RoomTypeDropdown from "./RoomTypeDropdown";
|
import RoomTypeDropdown from "./RoomTypeDropdown";
|
||||||
import StorageLocation from "./StorageLocation";
|
import StorageLocation from "./StorageLocation";
|
||||||
|
|
||||||
import TextInput from "@appserver/components/text-input";
|
import TextInput from "@docspace/components/text-input";
|
||||||
import Label from "@appserver/components/label";
|
import Label from "@docspace/components/label";
|
||||||
import ToggleButton from "@appserver/components/toggle-button";
|
import ToggleButton from "@docspace/components/toggle-button";
|
||||||
import HelpButton from "@appserver/components/help-button";
|
import HelpButton from "@docspace/components/help-button";
|
||||||
import Text from "@appserver/components/text";
|
import Text from "@docspace/components/text";
|
||||||
import AvatarEditor from "@appserver/components/avatar-editor";
|
import AvatarEditor from "@docspace/components/avatar-editor";
|
||||||
import TagInput from "./TagInput";
|
import TagInput from "./TagInput";
|
||||||
import { StyledParam } from "./StyledParam";
|
import { StyledParam } from "./StyledParam";
|
||||||
import RoomType from "./RoomType";
|
import RoomType from "./RoomType";
|
||||||
|
@ -5,13 +5,13 @@ import { ReactSVG } from "react-svg";
|
|||||||
import { thirparties } from "../../data";
|
import { thirparties } from "../../data";
|
||||||
import { StyledDropDown, StyledDropDownWrapper } from "../StyledDropdown";
|
import { StyledDropDown, StyledDropDownWrapper } from "../StyledDropdown";
|
||||||
|
|
||||||
import { isHugeMobile } from "@appserver/components/utils/device";
|
import { isHugeMobile } from "@docspace/components/utils/device";
|
||||||
import DomHelpers from "@appserver/components/utils/domHelpers";
|
import DomHelpers from "@docspace/components/utils/domHelpers";
|
||||||
|
|
||||||
import Text from "@appserver/components/text";
|
import Text from "@docspace/components/text";
|
||||||
import Button from "@appserver/components/button";
|
import Button from "@docspace/components/button";
|
||||||
import DropDownItem from "@appserver/components/drop-down-item";
|
import DropDownItem from "@docspace/components/drop-down-item";
|
||||||
import Checkbox from "@appserver/components/checkbox";
|
import Checkbox from "@docspace/components/checkbox";
|
||||||
|
|
||||||
const StyledStorageLocation = styled.div`
|
const StyledStorageLocation = styled.div`
|
||||||
display: flex;
|
display: flex;
|
||||||
|
@ -1,10 +1,10 @@
|
|||||||
import React from "react";
|
import React from "react";
|
||||||
|
|
||||||
import Text from "@appserver/components/text";
|
import Text from "@docspace/components/text";
|
||||||
|
|
||||||
import Checkbox from "@appserver/components/checkbox";
|
import Checkbox from "@docspace/components/checkbox";
|
||||||
import { StyledParam } from "../StyledParam";
|
import { StyledParam } from "../StyledParam";
|
||||||
import HelpButton from "@appserver/components/help-button";
|
import HelpButton from "@docspace/components/help-button";
|
||||||
import ThirpartyComboBox from "./ThirpartyComboBox";
|
import ThirpartyComboBox from "./ThirpartyComboBox";
|
||||||
|
|
||||||
const StorageLocation = ({
|
const StorageLocation = ({
|
||||||
|
@ -1,8 +1,8 @@
|
|||||||
import styled from "styled-components";
|
import styled from "styled-components";
|
||||||
|
|
||||||
import { smallTablet } from "@appserver/components/utils/device";
|
import { smallTablet } from "@docspace/components/utils/device";
|
||||||
|
|
||||||
import DropDown from "@appserver/components/drop-down";
|
import DropDown from "@docspace/components/drop-down";
|
||||||
|
|
||||||
const StyledDropDownWrapper = styled.div`
|
const StyledDropDownWrapper = styled.div`
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
@ -1,4 +1,4 @@
|
|||||||
import Tag from "@appserver/components/tag";
|
import Tag from "@docspace/components/tag";
|
||||||
import React from "react";
|
import React from "react";
|
||||||
import styled from "styled-components";
|
import styled from "styled-components";
|
||||||
|
|
||||||
|
@ -1,12 +1,12 @@
|
|||||||
import React, { useState, useRef } from "react";
|
import React, { useState, useRef } from "react";
|
||||||
import styled from "styled-components";
|
import styled from "styled-components";
|
||||||
|
|
||||||
import Label from "@appserver/components/label";
|
import Label from "@docspace/components/label";
|
||||||
import TextInput from "@appserver/components/text-input";
|
import TextInput from "@docspace/components/text-input";
|
||||||
import TagList from "./TagList";
|
import TagList from "./TagList";
|
||||||
import DropDownItem from "@appserver/components/drop-down-item";
|
import DropDownItem from "@docspace/components/drop-down-item";
|
||||||
import { StyledDropDown, StyledDropDownWrapper } from "../StyledDropdown";
|
import { StyledDropDown, StyledDropDownWrapper } from "../StyledDropdown";
|
||||||
import { isMobile } from "@appserver/components/utils/device";
|
import { isMobile } from "@docspace/components/utils/device";
|
||||||
|
|
||||||
const StyledTagInput = styled.div`
|
const StyledTagInput = styled.div`
|
||||||
.set_room_params-tag_input {
|
.set_room_params-tag_input {
|
||||||
|
Loading…
Reference in New Issue
Block a user