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,20 +106,26 @@ const LinkRow = ({
/> />
)} )}
<div className="link-options"> <div className="link-options">
<ComboBox {!isExpiredLink ? (
className="internal-combobox" <ComboBox
directionY="both" className="internal-combobox"
options={shareOptions} directionY="both"
selectedOption={shareOption ?? ({} as TOption)} options={shareOptions}
onSelect={(item) => changeShareOption(item, link)} selectedOption={shareOption ?? ({} as TOption)}
scaled={false} onSelect={(item) => changeShareOption(item, link)}
scaledOptions={false} scaled={false}
showDisabledItems scaledOptions={false}
size={ComboBoxSize.content} showDisabledItems
fillIcon={false} size={ComboBoxSize.content}
modernView fillIcon={false}
isDisabled={isExpiredLink || isLoaded} modernView
/> isDisabled={isLoaded}
/>
) : (
<Text className="internal-combobox_expiered">
{shareOption?.label}
</Text>
)}
<ExpiredComboBox <ExpiredComboBox
link={link} link={link}
changeExpirationOption={changeExpirationOption} changeExpirationOption={changeExpirationOption}