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