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;