diff --git a/packages/components/src/components/swipeable-wrapper/swipeable-wrapper.scss b/packages/components/src/components/swipeable-wrapper/swipeable-wrapper.scss index dc9658c94c30..a485dd011055 100644 --- a/packages/components/src/components/swipeable-wrapper/swipeable-wrapper.scss +++ b/packages/components/src/components/swipeable-wrapper/swipeable-wrapper.scss @@ -25,13 +25,11 @@ position: absolute; bottom: 0; width: 100vw; - z-index: 3; display: flex; padding: 1.6rem 0.8rem; justify-content: space-between; - - &--is-expanded { - bottom: 9.8rem; + svg { + z-index: 3; } } } diff --git a/packages/components/src/components/swipeable-wrapper/swipeable-wrapper.tsx b/packages/components/src/components/swipeable-wrapper/swipeable-wrapper.tsx index 872257c3295c..4497cb97179f 100644 --- a/packages/components/src/components/swipeable-wrapper/swipeable-wrapper.tsx +++ b/packages/components/src/components/swipeable-wrapper/swipeable-wrapper.tsx @@ -1,22 +1,15 @@ +import classNames from 'classnames'; import React from 'react'; import { SwipeableProps, useSwipeable } from 'react-swipeable'; import Icon from '../icon'; -import classNames from 'classnames'; type TSwipeableWrapper = { className?: string; onChange?: (prop?: number) => void; is_disabled?: boolean; - is_trade_params_expanded?: boolean; } & SwipeableProps; -const SwipeableWrapper = ({ - children, - className, - onChange, - is_trade_params_expanded = false, - ...props -}: React.PropsWithChildren) => { +const SwipeableWrapper = ({ children, className, onChange, ...props }: React.PropsWithChildren) => { const [active_index, setActiveIndex] = React.useState(0); React.useEffect(() => { @@ -51,6 +44,7 @@ const SwipeableWrapper = ({ onSwipedRight: swipedRight, ...props, }); + return (
{!props.is_disabled && ( -