diff --git a/components/common/SliderTableField/index.tsx b/components/common/SliderTableField/index.tsx index 977de6cc..51d369ea 100644 --- a/components/common/SliderTableField/index.tsx +++ b/components/common/SliderTableField/index.tsx @@ -11,9 +11,11 @@ interface Props { description?: string value?: number className?: string - imageAlt?: string - imageClass?: string - imageSrc?: string[] + image?: { + className?: String + alt?: string + src: string[] + } min: number max: number step: number @@ -47,10 +49,8 @@ const SliderTableField = (props: Props) => { return ( { onValueCommit={handleValueCommit} /> ) diff --git a/components/common/SwitchTableField/index.tsx b/components/common/SwitchTableField/index.tsx index 27994939..e084eb83 100644 --- a/components/common/SwitchTableField/index.tsx +++ b/components/common/SwitchTableField/index.tsx @@ -13,9 +13,11 @@ interface Props extends React.HTMLAttributes { value?: boolean className?: string tabIndex?: number - imageAlt?: string - imageClass?: string - imageSrc?: string[] + image?: { + className?: String + alt?: string + src: string[] + } onValueChange: (value: boolean) => void } @@ -36,8 +38,8 @@ const SwitchTableField = (props: Props) => { const classes = classNames( { - SwitchTableField: true, - Disabled: props.disabled, + switch: true, + disabled: props.disabled, }, props.className ) @@ -47,9 +49,7 @@ const SwitchTableField = (props: Props) => { name={props.name} description={props.description} className={classes} - imageAlt={props.imageAlt} - imageClass={props.imageClass} - imageSrc={props.imageSrc} + image={props.image} label={props.label} > .input, &.numeric .right > .duration { text-align: right;