Merge pull request #201 from deriv-com/shayan/fix-platform-switcher-o…

…verlay-issue fix: added conditional rendering for overlay element
deriv-com · May 20, 2024 · 29f2f9e · 29f2f9e
2 parents 6d55581 + 4a9b4e3
commit 29f2f9e
Showing 1 changed file with 1 addition and 6 deletions.
diff --git a/src/components/AppLayout/PlatformSwitcher/index.tsx b/src/components/AppLayout/PlatformSwitcher/index.tsx
@@ -5,7 +5,6 @@ import {
     useState,
     JSX,
 } from "react";
-import clsx from "clsx";
 import { useOnClickOutside } from "usehooks-ts";
 import { PlatformSwitcherButton } from "./PlatformSwitcherButton";
 import { ContextMenu } from "../../ContextMenu";
@@ -67,11 +66,7 @@ export const PlatformSwitcher = ({
                 }}
                 {...buttonProps}
             />
-            <div
-                className={clsx("deriv-platform-switcher__overlay", {
-                    "deriv-platform-switcher__overlay-fadeout": !isExpanded,
-                })}
-            />
+            {isExpanded && <div className="deriv-platform-switcher__overlay" />}
             <ContextMenu
                 ref={ref}
                 className="deriv-platform-switcher__context-menu"