aboutsummaryrefslogtreecommitdiffstats
path: root/packages/instant/src/components/sliding_error.tsx
diff options
context:
space:
mode:
authorfragosti <francesco.agosti93@gmail.com>2018-11-01 02:55:48 +0800
committerfragosti <francesco.agosti93@gmail.com>2018-11-01 02:55:48 +0800
commit27258fe3d45b8ffae81b74da43e473ae5905edc1 (patch)
treef4ebc7107ce10b10ac4b75b758b54d66c6ddd887 /packages/instant/src/components/sliding_error.tsx
parent91f8487947d7941b508c34d1bfc1e72c0840c33d (diff)
downloaddexon-sol-tools-27258fe3d45b8ffae81b74da43e473ae5905edc1.tar
dexon-sol-tools-27258fe3d45b8ffae81b74da43e473ae5905edc1.tar.gz
dexon-sol-tools-27258fe3d45b8ffae81b74da43e473ae5905edc1.tar.bz2
dexon-sol-tools-27258fe3d45b8ffae81b74da43e473ae5905edc1.tar.lz
dexon-sol-tools-27258fe3d45b8ffae81b74da43e473ae5905edc1.tar.xz
dexon-sol-tools-27258fe3d45b8ffae81b74da43e473ae5905edc1.tar.zst
dexon-sol-tools-27258fe3d45b8ffae81b74da43e473ae5905edc1.zip
chore: address PR feedback
Diffstat (limited to 'packages/instant/src/components/sliding_error.tsx')
-rw-r--r--packages/instant/src/components/sliding_error.tsx8
1 files changed, 4 insertions, 4 deletions
diff --git a/packages/instant/src/components/sliding_error.tsx b/packages/instant/src/components/sliding_error.tsx
index a89e201c0..17643fd7d 100644
--- a/packages/instant/src/components/sliding_error.tsx
+++ b/packages/instant/src/components/sliding_error.tsx
@@ -37,14 +37,14 @@ export interface SlidingErrorProps extends ErrorProps {
}
export const SlidingError: React.StatelessComponent<SlidingErrorProps> = props => {
const slideAmount = '120px';
- const slideUp: PositionAnimationSettings = {
+ const slideUpSettings: PositionAnimationSettings = {
timingFunction: 'ease-in',
top: {
from: slideAmount,
to: '0px',
},
};
- const slideDown: PositionAnimationSettings = {
+ const slideDownSettings: PositionAnimationSettings = {
timingFunction: 'cubic-bezier(0.25, 0.1, 0.25, 1)',
top: {
from: '0px',
@@ -54,8 +54,8 @@ export const SlidingError: React.StatelessComponent<SlidingErrorProps> = props =
return (
<SlideAnimation
position="relative"
- slideIn={slideUp}
- slideOut={slideDown}
+ slideInSettings={slideUpSettings}
+ slideOutSettings={slideDownSettings}
animationState={props.animationState}
>
<Error icon={props.icon} message={props.message} />