fixed flow timers

src/components/containers/Filler/index.tsx

@@ -4,15 +4,6 @@ import * as styles from './styles.scss';
 
 type IProps = React.HTMLAttributes<HTMLDivElement>;
 
-export const Filler: FC<IProps> = ({
+export const Filler: FC<IProps> = ({ className = '', ...props }) => (
-  className = '',
+  <div className={classNames(styles.filler, className)} {...props} />
-  ...props
-}) => (
-  <div
-    className={classNames(
-      styles.filler,
-      className,
-    )}
-    {...props}
-  />
 );

src/components/flow/FlowHero/index.tsx

@@ -46,7 +46,7 @@ const FlowHeroUnconnected: FC<IProps> = ({ heroes, history }) => {
   }, [loaded, current, setCurrent, timer]);
 
   useEffect(() => {
-    timer.current = setTimeout(onNext, 3000);
+    timer.current = setTimeout(onNext, 5000);
 
     return () => clearTimeout(timer.current);
   }, [current]);
@@ -61,7 +61,7 @@ const FlowHeroUnconnected: FC<IProps> = ({ heroes, history }) => {
 
   const stopSliding = useCallback(() => {
     clearTimeout(timer.current);
-    timer.current = setTimeout(onNext, 3000);
+    timer.current = setTimeout(onNext, 5000);
   }, [timer, onNext]);
 
   const onClick = useCallback(() => {

src/components/flow/FlowHero/styles.scss

@@ -13,7 +13,7 @@
   width: 100%;
   height: 100%;
   display: none;
-  transition: opacity 1s;
+  transition: opacity 2s;
   background: 50% 50% no-repeat;
   background-size: cover;
   border-radius: $cell_radius;