diff --git a/src/components/settings/NumberSetting.tsx b/src/components/settings/NumberSetting.tsx index 8c18b793..62aeb603 100644 --- a/src/components/settings/NumberSetting.tsx +++ b/src/components/settings/NumberSetting.tsx @@ -10,7 +10,7 @@ import Dialog from '@mui/material/Dialog'; import DialogContent from '@mui/material/DialogContent'; import DialogTitle from '@mui/material/DialogTitle'; import TextField from '@mui/material/TextField'; -import { InputAdornment, ListItemText } from '@mui/material'; +import { InputAdornment, ListItemText, Stack, Typography } from '@mui/material'; import DialogActions from '@mui/material/DialogActions'; import Button from '@mui/material/Button'; import { useCallback, useEffect, useState } from 'react'; @@ -19,6 +19,8 @@ import ListItemButton from '@mui/material/ListItemButton'; import * as React from 'react'; import ListItemIcon from '@mui/material/ListItemIcon'; import Slider from '@mui/material/Slider'; +import DialogContentText from '@mui/material/DialogContentText'; +import InfoIcon from '@mui/icons-material/Info'; type BaseProps = { settingTitle: string; @@ -30,6 +32,8 @@ type BaseProps = { maxValue?: number; stepSize?: number; dialogTitle: string; + dialogDescription?: string; + dialogDisclaimer?: string; valueUnit: string; handleUpdate: (value: number) => void; showSlider?: never; @@ -45,6 +49,8 @@ export const NumberSetting = ({ settingTitle, settingValue, settingIcon, + dialogDescription, + dialogDisclaimer, value, defaultValue, minValue, @@ -108,6 +114,35 @@ export const NumberSetting = ({ {dialogTitle} + {(!!dialogDescription || !!dialogDisclaimer) && ( + + {dialogDescription && ( + + {dialogDescription} + + )} + {dialogDisclaimer && ( + + + + {dialogDisclaimer} + + + )} + + )} ({ )} )} - {/* {!!dialogValueDisplayInfo.disclaimer && ( */} - {/* */} - {/* {t(dialogValueDisplayInfo.disclaimer)} */} - {/* */} - {/* )} */}