IlyaSobolev/DocSpace-client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Web: Files: EmbeddingPanel: removed ModalDialog wrapper

Browse Source
This commit is contained in:
Nikita Gopienko 2024-08-30 17:19:00 +03:00
parent b5166514c7
commit 8db7e7c0a3
2 changed files with 6 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
packages/client/src/components/panels/EmbeddingPanel/StyledEmbeddingPanel.js
View File

@ -24,16 +24,9 @@
// content are licensed under the terms of the Creative Commons Attribution-ShareAlike 4.0
// International. See the License terms at http://creativecommons.org/licenses/by-sa/4.0/legalcode
import styled, { css } from "styled-components";
import { ModalDialog } from "@docspace/shared/components/modal-dialog";
import styled from "styled-components";
import { globalColors } from "@docspace/shared/themes";
const StyledModalDialog = styled(ModalDialog)`
.modal-body {
padding: 0;
}
`;
const StyledBody = styled.div`
padding: 0 16px;
.embedding-panel_header-link {
@ -132,4 +125,4 @@ const StyledBody = styled.div`
}
`;
export { StyledModalDialog, StyledBody };
export { StyledBody };

7
packages/client/src/components/panels/EmbeddingPanel/index.tsx
View File

@ -58,7 +58,7 @@ import SearchDarkUrl from "PUBLIC_DIR/images/sdk-presets_search_dark.png?url";
import TabletLinkReactSvgUrl from "PUBLIC_DIR/images/tablet-link.react.svg?url";
import CrossReactSvg from "PUBLIC_DIR/images/cross.react.svg?url";
import { StyledModalDialog, StyledBody } from "./StyledEmbeddingPanel";
import { StyledBody } from "./StyledEmbeddingPanel";
import { DisplayBlock } from "./sub-components/DisplayBlock";
import { CheckboxElement } from "./sub-components/CheckboxElement";
@ -396,11 +396,12 @@ const EmbeddingPanelComponent = (props: EmbeddingPanelProps) => {
);
return (
<StyledModalDialog
<ModalDialog
visible={visible}
onClose={onClose}
withBodyScroll
displayType={ModalDialogType.aside}
withoutPadding
>
<ModalDialog.Header>{t("Files:EmbeddingSettings")}</ModalDialog.Header>
<ModalDialog.Body>
@ -567,7 +568,7 @@ const EmbeddingPanelComponent = (props: EmbeddingPanelProps) => {
isLoading={isLoading}
/>
</ModalDialog.Footer>
</StyledModalDialog>
</ModalDialog>
);
};