aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/ui
diff options
context:
space:
mode:
authorLibravatar Vijay A <vraravam@users.noreply.github.com>2023-07-21 10:52:49 +0530
committerLibravatar Vijay A <vraravam@users.noreply.github.com>2023-07-21 10:52:49 +0530
commitd348bc10ea600d70ee006316fdcb56eb1dba457b (patch)
tree4d72b183c92d70b442b23e4d98cde2c4242002e2 /src/components/ui
parent6.4.1-nightly.8 [skip ci] (diff)
downloadferdium-app-d348bc10ea600d70ee006316fdcb56eb1dba457b.tar.gz
ferdium-app-d348bc10ea600d70ee006316fdcb56eb1dba457b.tar.zst
ferdium-app-d348bc10ea600d70ee006316fdcb56eb1dba457b.zip
Revert "update react-router-dom to version 6.14.1"
and "update react-router-dom,react-tooltip& react-transition-group" This reverts commit 0a4a0497bb630dc85cfa0145d57f954feb9c052a and 345fd98dc52a3b7f0d69022b6a19818e559e4557.
Diffstat (limited to 'src/components/ui')
-rw-r--r--src/components/ui/effects/Appear.tsx27
1 files changed, 12 insertions, 15 deletions
diff --git a/src/components/ui/effects/Appear.tsx b/src/components/ui/effects/Appear.tsx
index 06f63a029..2076f6ba6 100644
--- a/src/components/ui/effects/Appear.tsx
+++ b/src/components/ui/effects/Appear.tsx
@@ -1,5 +1,5 @@
1import { ReactElement, ReactNode, useEffect, useState } from 'react'; 1import { ReactElement, ReactNode, useEffect, useState } from 'react';
2import { CSSTransition, TransitionGroup } from 'react-transition-group'; 2import { CSSTransitionGroup } from 'react-transition-group';
3 3
4interface IProps { 4interface IProps {
5 children: ReactNode; 5 children: ReactNode;
@@ -33,20 +33,17 @@ const Appear = ({
33 } 33 }
34 34
35 return ( 35 return (
36 <TransitionGroup component={null}> 36 <CSSTransitionGroup
37 <CSSTransition 37 transitionName={transitionName}
38 classNames={transitionName || className} 38 transitionAppear={transitionAppear}
39 appear={transitionAppear} 39 transitionLeave={transitionLeave}
40 exit={transitionLeave} 40 transitionAppearTimeout={transitionAppearTimeout}
41 timeout={{ 41 transitionEnterTimeout={transitionEnterTimeout}
42 enter: transitionEnterTimeout, 42 transitionLeaveTimeout={transitionLeaveTimeout}
43 appear: transitionAppearTimeout, 43 className={className}
44 exit: transitionLeaveTimeout, 44 >
45 }} 45 {children}
46 > 46 </CSSTransitionGroup>
47 {children}
48 </CSSTransition>
49 </TransitionGroup>
50 ); 47 );
51}; 48};
52 49