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

Shared: Filter: SortButton: delete backdrop

Browse Source
This commit is contained in:
Viktor Fomin 2024-04-05 04:11:28 +03:00
parent 1fd3b8b57f
commit 72c6278043
1 changed files with 29 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

66
packages/shared/components/filter/sub-components/SortButton.tsx
View File

@ -29,7 +29,6 @@ import React from "react";
import SortDesc from "PUBLIC_DIR/images/sort.desc.react.svg";
import SortReactSvgUrl from "PUBLIC_DIR/images/sort.react.svg?url";
import { isMobile } from "../../../utils";
import { Events } from "../../../enums";
import { ComboBox, ComboBoxSize } from "../../combobox";
@ -37,7 +36,6 @@ import { DropDownItem } from "../../drop-down-item";
import { IconButton } from "../../icon-button";
import { ViewSelector } from "../../view-selector";
import { Text } from "../../text";
import { Backdrop } from "../../backdrop";
import { SortButtonProps, TSortDataItem } from "../Filter.types";
import { StyledSortButton } from "../Filter.styled";
@ -187,42 +185,36 @@ const SortButton = ({
}
return (
<>
<Backdrop
visible={isOpen}
withBackground={isMobile()}
onClick={toggleCombobox}
withoutBlur={!isMobile()}
/>
<StyledSortButton
viewAs={viewAs}
isDesc={selectedSortData.sortDirection === "desc"}
onClick={toggleCombobox}
id={id}
title={title}
<StyledSortButton
viewAs={viewAs}
isDesc={selectedSortData.sortDirection === "desc"}
onClick={toggleCombobox}
id={id}
title={title}
>
<ComboBox
opened={isOpen}
onToggle={toggleCombobox}
className="sort-combo-box"
options={[]}
selectedOption={{ key: "", label: "" }}
directionX="right"
directionY="both"
scaled
size={ComboBoxSize.content}
advancedOptions={advancedOptions}
disableIconClick={false}
disableItemClick
isDefaultMode={false}
manualY="102%"
advancedOptionsCount={advancedOptionsCount}
onSelect={() => {}}
withBlur={false}
withBackdrop={false}
>
<ComboBox
opened={isOpen}
onToggle={toggleCombobox}
className="sort-combo-box"
options={[]}
selectedOption={{ key: "", label: "" }}
directionX="right"
directionY="both"
scaled
size={ComboBoxSize.content}
advancedOptions={advancedOptions}
disableIconClick={false}
disableItemClick
isDefaultMode={false}
manualY="102%"
advancedOptionsCount={advancedOptionsCount}
onSelect={() => {}}
>
<IconButton iconName={SortReactSvgUrl} size={16} />
</ComboBox>
</StyledSortButton>
</>
<IconButton iconName={SortReactSvgUrl} size={16} />
</ComboBox>
</StyledSortButton>
);
};