From 14453a8524a45225399d87b7f43ea420ae0b95be Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Fri, 4 Aug 2023 03:28:42 -0700
Subject: [PATCH] Change dropdown transitions back to fade

---
 src/renderer/components/dropdown-menu/index.tsx | 5 +++--
 src/renderer/components/popover/index.tsx       | 2 +-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/renderer/components/dropdown-menu/index.tsx b/src/renderer/components/dropdown-menu/index.tsx
index 110bff5c..9ba53644 100644
--- a/src/renderer/components/dropdown-menu/index.tsx
+++ b/src/renderer/components/dropdown-menu/index.tsx
@@ -1,3 +1,4 @@
+import { ReactNode } from 'react';
 import type {
     MenuProps as MantineMenuProps,
     MenuItemProps as MantineMenuItemProps,
@@ -14,7 +15,7 @@ type MenuLabelProps = MantineMenuLabelProps;
 interface MenuItemProps extends MantineMenuItemProps {
     $danger?: boolean;
     $isActive?: boolean;
-    children: React.ReactNode;
+    children: ReactNode;
 }
 type MenuDividerProps = MantineMenuDividerProps;
 type MenuDropdownProps = MantineMenuDropdownProps;
@@ -87,7 +88,7 @@ export const DropdownMenu = ({ children, ...props }: MenuProps) => {
                 },
             }}
             transitionProps={{
-                transition: 'pop',
+                transition: 'fade',
             }}
             {...props}
         >
diff --git a/src/renderer/components/popover/index.tsx b/src/renderer/components/popover/index.tsx
index 350a9ca1..f375267f 100644
--- a/src/renderer/components/popover/index.tsx
+++ b/src/renderer/components/popover/index.tsx
@@ -27,7 +27,7 @@ export const Popover = ({ children, ...props }: PopoverProps) => {
                     filter: 'drop-shadow(0 0 5px rgb(0, 0, 0, 50%))',
                 },
             }}
-            transitionProps={{ transition: 'pop' }}
+            transitionProps={{ transition: 'fade' }}
             {...props}
         >
             {children}