fixed styling in shared documents expired link row

This commit is contained in:
namushka 2024-05-14 14:07:25 +03:00
parent 424b7406ec
commit d6a48dec17
2 changed files with 29 additions and 14 deletions

View File

@ -73,6 +73,14 @@ const StyledLinkRow = styled.div`
padding: 0px; padding: 0px;
} }
.internal-combobox_expiered {
font-size: 14px;
font-weight: 600;
line-height: 16px;
margin: 6px 8px;
color: ${({ theme }) => theme.infoPanel.members.linkAccessComboboxExpired};
}
.expired-options { .expired-options {
padding: 0px; padding: 0px;

View File

@ -46,6 +46,7 @@ import { getShareOptions, getAccessOptions } from "../Share.helpers";
import { LinkRowProps } from "../Share.types"; import { LinkRowProps } from "../Share.types";
import ExpiredComboBox from "./ExpiredComboBox"; import ExpiredComboBox from "./ExpiredComboBox";
import { Text } from "@docspace/shared/components/text";
const LinkRow = ({ const LinkRow = ({
onAddClick, onAddClick,
@ -105,6 +106,7 @@ const LinkRow = ({
/> />
)} )}
<div className="link-options"> <div className="link-options">
{!isExpiredLink ? (
<ComboBox <ComboBox
className="internal-combobox" className="internal-combobox"
directionY="both" directionY="both"
@ -117,8 +119,13 @@ const LinkRow = ({
size={ComboBoxSize.content} size={ComboBoxSize.content}
fillIcon={false} fillIcon={false}
modernView modernView
isDisabled={isExpiredLink || isLoaded} isDisabled={isLoaded}
/> />
) : (
<Text className="internal-combobox_expiered">
{shareOption?.label}
</Text>
)}
<ExpiredComboBox <ExpiredComboBox
link={link} link={link}
changeExpirationOption={changeExpirationOption} changeExpirationOption={changeExpirationOption}