From eb7b2481f631cec5953265eef4ebc3f2fa7e496a Mon Sep 17 00:00:00 2001
From: muhamedsalih-tw <104364298+muhamedsalih-tw@users.noreply.github.com>
Date: Wed, 16 Nov 2022 23:30:39 +0530
Subject: Transform JSX components to TSX (#755)

* color picker types
* Import
* SetupAssistant
* Services & appear
* ServiceWebView
* SettingsLayout
* ImportantScreen
* WorkspaceDrawer
* SetupAssistant

* chore: update vscode settings
* chore: removed stale Import screen component & its tree
---
 src/components/ui/effects/Appear.tsx | 21 ++++++++++++++++-----
 1 file changed, 16 insertions(+), 5 deletions(-)

(limited to 'src/components/ui/effects/Appear.tsx')

diff --git a/src/components/ui/effects/Appear.tsx b/src/components/ui/effects/Appear.tsx
index bf097b6a6..2076f6ba6 100644
--- a/src/components/ui/effects/Appear.tsx
+++ b/src/components/ui/effects/Appear.tsx
@@ -5,11 +5,22 @@ interface IProps {
   children: ReactNode;
   transitionName?: string;
   className?: string;
+  transitionAppear?: boolean;
+  transitionLeave?: boolean;
+  transitionAppearTimeout?: number;
+  transitionEnterTimeout?: number;
+  transitionLeaveTimeout?: number;
 }
+
 const Appear = ({
   children,
   transitionName = 'fadeIn',
   className = '',
+  transitionAppear = true,
+  transitionLeave = true,
+  transitionAppearTimeout = 1500,
+  transitionEnterTimeout = 1500,
+  transitionLeaveTimeout = 1500,
 }: IProps): ReactElement | null => {
   const [mounted, setMounted] = useState(false);
 
@@ -24,11 +35,11 @@ const Appear = ({
   return (
     <CSSTransitionGroup
       transitionName={transitionName}
-      transitionAppear
-      transitionLeave
-      transitionAppearTimeout={1500}
-      transitionEnterTimeout={1500}
-      transitionLeaveTimeout={1500}
+      transitionAppear={transitionAppear}
+      transitionLeave={transitionLeave}
+      transitionAppearTimeout={transitionAppearTimeout}
+      transitionEnterTimeout={transitionEnterTimeout}
+      transitionLeaveTimeout={transitionLeaveTimeout}
       className={className}
     >
       {children}
-- 
cgit v1.2.3-54-g00ecf