suggestions from code review: renaming timeoutNumber to timeoutId, sharing interface, renaming component

1 files changed, 3 insertions, 3 deletions

diff --git a/packages/instant/src/components/sliding_error.tsx b/packages/instant/src/components/sliding_error.tsx
index 2e6decbad..0237fb7e9 100644
--- a/packages/instant/src/components/sliding_error.tsx
+++ b/packages/instant/src/components/sliding_error.tsx
@@ -2,7 +2,7 @@ import * as React from 'react';
 
 import { ColorOption } from '../style/theme';
 
-import { SlideUpAndDownAnimationComponent } from './animations/slide_up_and_down_animation';
+import { SlideUpAndDownAnimation } from './animations/slide_up_and_down_animation';
 
 import { Container, Text } from './ui';
 
@@ -30,7 +30,7 @@ export const Error: React.StatelessComponent<ErrorProps> = props => (
 );
 
 export const SlidingError: React.StatelessComponent<ErrorProps> = props => (
-    <SlideUpAndDownAnimationComponent downY="120px" delayMs={5000}>
+    <SlideUpAndDownAnimation downY="120px" delayMs={5000}>
         <Error icon={props.icon} message={props.message} />
-    </SlideUpAndDownAnimationComponent>
+    </SlideUpAndDownAnimation>
 );