impemented new SecondaryInfoButtonComponent
This commit is contained in:
parent
a373d0dcc8
commit
29160a6cbc
@ -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>
|
||||
|
@ -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")}
|
||||
|
@ -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")}
|
||||
|
Loading…
Reference in New Issue
Block a user