diff --git a/src/components/sourceConfiguration/ListPreference.tsx b/src/components/sourceConfiguration/ListPreference.tsx index 839e5a15..89843cbc 100644 --- a/src/components/sourceConfiguration/ListPreference.tsx +++ b/src/components/sourceConfiguration/ListPreference.tsx @@ -22,11 +22,12 @@ interface IListDialogProps{ open: boolean onClose: (arg0: string | null) => void options: string[] + title: string } function ListDialog(props: IListDialogProps) { const { - value: valueProp, open, onClose, options, + value: valueProp, open, onClose, options, title, } = props; const [value, setValue] = React.useState(valueProp); const radioGroupRef = React.useRef(null); @@ -62,12 +63,10 @@ function ListDialog(props: IListDialogProps) { TransitionProps={{ onEntering: handleEntering }} open={open} > - Phone Ringtone + {title} @@ -139,6 +138,7 @@ export default function ListPreference(props: ListPreferenceProps) { void values: string[] + title: string } function ListDialog(props: IListDialogProps) { const { - selectedValues: selectedValuesProp, open, onClose, values, + selectedValues: selectedValuesProp, open, onClose, values, title, } = props; const [selectedValues, setSelectedValues] = React.useState(selectedValuesProp); @@ -69,7 +70,7 @@ function ListDialog(props: IListDialogProps) { maxWidth="xs" open={open} > - Phone Ringtone + {title} {values.map((value) => ( @@ -143,6 +144,7 @@ export default function MultiSelectListPreference(props: MultiSelectListPreferen