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

1 files changed, 16 insertions, 5 deletions

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}