From 72c62780431406da6da8aecb9f81e454ea2b786c Mon Sep 17 00:00:00 2001
From: Viktor Fomin <viktor.fomin@onlyoffice.com>
Date: Fri, 5 Apr 2024 04:11:28 +0300
Subject: [PATCH] Shared: Filter: SortButton: delete backdrop

---
 .../filter/sub-components/SortButton.tsx      | 66 ++++++++-----------
 1 file changed, 29 insertions(+), 37 deletions(-)

diff --git a/packages/shared/components/filter/sub-components/SortButton.tsx b/packages/shared/components/filter/sub-components/SortButton.tsx
index 9ebef3a949..d152b5c96c 100644
--- a/packages/shared/components/filter/sub-components/SortButton.tsx
+++ b/packages/shared/components/filter/sub-components/SortButton.tsx
@@ -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>
   );
 };