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;
}
.internal-combobox_expiered {
font-size: 14px;
font-weight: 600;
line-height: 16px;
margin: 6px 8px;
color: ${({ theme }) => theme.infoPanel.members.linkAccessComboboxExpired};
}
.expired-options {
padding: 0px;

View File

@ -46,6 +46,7 @@ import { getShareOptions, getAccessOptions } from "../Share.helpers";
import { LinkRowProps } from "../Share.types";
import ExpiredComboBox from "./ExpiredComboBox";
import { Text } from "@docspace/shared/components/text";
const LinkRow = ({
onAddClick,
@ -105,20 +106,26 @@ const LinkRow = ({
/>
)}
<div className="link-options">
<ComboBox
className="internal-combobox"
directionY="both"
options={shareOptions}
selectedOption={shareOption ?? ({} as TOption)}
onSelect={(item) => changeShareOption(item, link)}
scaled={false}
scaledOptions={false}
showDisabledItems
size={ComboBoxSize.content}
fillIcon={false}
modernView
isDisabled={isExpiredLink || isLoaded}
/>
{!isExpiredLink ? (
<ComboBox
className="internal-combobox"
directionY="both"
options={shareOptions}
selectedOption={shareOption ?? ({} as TOption)}
onSelect={(item) => changeShareOption(item, link)}
scaled={false}
scaledOptions={false}
showDisabledItems
size={ComboBoxSize.content}
fillIcon={false}
modernView
isDisabled={isLoaded}
/>
) : (
<Text className="internal-combobox_expiered">
{shareOption?.label}
</Text>
)}
<ExpiredComboBox
link={link}
changeExpirationOption={changeExpirationOption}