Deleted document preview.

packages/client/src/components/dialogs/CreateEditRoomDialog/sub-components/Watermarks/StyledComponent.js

@@ -2,9 +2,9 @@ import styled from "styled-components";
 
 const StyledWatermark = styled.div`
   margin-top: 16px;
-  display: grid;
+  // display: grid;
-  grid-gap: 24px;
+  // grid-gap: 24px;
-  grid-template-columns: minmax(214px, 324px) 1fr;
+  //grid-template-columns: minmax(214px, 324px) 1fr;
 
   .watermark-title {
     margin: 16px 0 4px 0;

packages/client/src/components/dialogs/CreateEditRoomDialog/sub-components/Watermarks/Text.js

@@ -5,8 +5,6 @@ import TextInput from "@docspace/components/text-input";
 import ComboBox from "@docspace/components/combobox";
 import Text from "@docspace/components/text";
 import Checkbox from "@docspace/components/checkbox";
-import WMReactSvgUrl from "PUBLIC_DIR/images/WM.react.svg?url";
-import Watermark from "@docspace/common/components/Watermarks";
 import { StyledWatermark } from "./StyledComponent";
 
 const options = (t) => [
@@ -33,7 +31,7 @@ const TextWatermark = () => {
   const onCheckboxChange = () => {
     setIsChecked(!isChecked);
   };
-  const isHorizontal = selectedOption.key === "horizontal";
+
   return (
     <StyledWatermark>
       <div>
@@ -60,12 +58,6 @@ const TextWatermark = () => {
           isChecked={isChecked}
         />
       </div>
-      <Watermark
-        text={value}
-        image={WMReactSvgUrl}
-        rotate={isHorizontal ? 0 : -45}
-        isSemitransparent={isChecked}
-      />
     </StyledWatermark>
   );
 };

packages/client/src/components/dialogs/CreateEditRoomDialog/sub-components/Watermarks/ViewerInfo.js

@@ -61,8 +61,9 @@ const ViewerInfoWatermark = () => {
         <TabContainer
           elements={dataTabs}
           onSelect={onSelect}
-          multiple
           withBodyScroll={false}
+          multiple
+          withBorder
         />
         <Text className="watermark-title" fontWeight={600} lineHeight="20px">
           {t("Position")}
@@ -75,7 +76,6 @@ const ViewerInfoWatermark = () => {
           isChecked={isChecked}
         />
       </div>
-      <div style={{ width: "100px", height: "140px" }}></div>
     </StyledWatermark>
   );
 };

packages/client/src/components/dialogs/CreateEditRoomDialog/sub-components/Watermarks/index.js

@@ -4,6 +4,7 @@ import { useTranslation } from "react-i18next";
 import RadioButtonGroup from "@docspace/components/radio-button-group";
 
 import TextWatermark from "./Text";
+import ViewerInfoWatermark from "./ViewerInfo";
 import { StyledBody } from "./StyledComponent";
 
 const textWatermark = "text",
@@ -49,6 +50,7 @@ const Watermarks = () => {
       />
 
       {type === textWatermark && <TextWatermark />}
+      {type === viewerInfoWatermark && <ViewerInfoWatermark />}
     </StyledBody>
   );
 };