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

impemented new SecondaryInfoButtonComponent

Browse Source
This commit is contained in:
mushka 2022-08-03 14:46:55 +03:00
parent a373d0dcc8
commit 29160a6cbc
3 changed files with 6 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
packages/client/src/components/dialogs/CreateEditRoomDialog/sub-components/RoomType.js
View File

@ -6,6 +6,7 @@ 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";
import SecondaryInfoButton from "./SecondaryInfoButton";
const StyledRoomType = styled.div`
cursor: pointer;
@ -122,14 +123,7 @@ const RoomType = ({ t, room, onClick, type = "listItem", isOpen }) => {
</Text>
{room.withSecondaryInfo && (
<div onClick={onSecondaryInfoClick}>
<HelpButton
displayType="auto"
className="choose_room-title-info_button"
iconName="/static/images/info.react.svg"
offsetRight={0}
tooltipContent={isOpen ? t(room.description) : null}
size={12}
/>
<SecondaryInfoButton content={t(room.secondaryInfo)} />
</div>
)}
</div>

11
packages/client/src/components/dialogs/CreateEditRoomDialog/sub-components/SetRoomParams.js
View File

@ -6,13 +6,13 @@ import StorageLocation from "./StorageLocation";
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";
import { roomTypes } from "../data";
import SecondaryInfoButton from "./SecondaryInfoButton";
const StyledSetRoomParams = styled.div`
display: flex;
@ -100,14 +100,7 @@ const SetRoomParams = ({
<Text className="set_room_params-info-title-text">
{t("MakeRoomPrivateTitle")}
</Text>
<HelpButton
displayType="auto"
className="set_room_params-info-title-help"
iconName="/static/images/info.react.svg"
offsetRight={0}
tooltipContent={t("MakeRoomPrivateDescription")}
size={12}
/>
<SecondaryInfoButton content={t("MakeRoomPrivateDescription")} />
</div>
<div className="set_room_params-info-description">
{t("MakeRoomPrivateDescription")}

12
packages/client/src/components/dialogs/CreateEditRoomDialog/sub-components/StorageLocation/index.js
View File

@ -2,10 +2,9 @@ import React from "react";
import Text from "@docspace/components/text";
import Checkbox from "@docspace/components/checkbox";
import { StyledParam } from "../StyledParam";
import HelpButton from "@docspace/components/help-button";
import ThirpartyComboBox from "./ThirpartyComboBox";
import SecondaryInfoButton from "../SecondaryInfoButton";
const StorageLocation = ({
t,
@ -20,14 +19,7 @@ const StorageLocation = ({
<Text className="set_room_params-info-title-text">
{t("StorageLocationTitle")}
</Text>
<HelpButton
displayType="auto"
className="set_room_params-info-title-help"
iconName="/static/images/info.react.svg"
offsetRight={0}
tooltipContent={t("StorageLocationDescription")}
size={12}
/>
<SecondaryInfoButton content={t("StorageLocationDescription")} />
</div>
<div className="set_room_params-info-description">
{t("StorageLocationDescription")}