diff --git a/src/components/SettingForms/Sound/SoundSettingsFields.tsx b/src/components/SettingForms/Sound/SoundSettingsFields.tsx index b46b7fc..0c08b0b 100644 --- a/src/components/SettingForms/Sound/SoundSettingsFields.tsx +++ b/src/components/SettingForms/Sound/SoundSettingsFields.tsx @@ -1,4 +1,4 @@ -import { Field, FieldArray, Form, Formik } from "formik"; +import { Field, Form, Formik } from "formik"; import FormGroup from "../components/FormGroup"; import type { FormValues, Hotlist } from "../../../types/types"; import { useSoundContext } from "../../../context/SoundContext"; @@ -13,13 +13,14 @@ const SoundSettingsFields = () => { const hotlists: Hotlist[] = state.hotlists; const soundOptions = state?.soundOptions?.map((soundOption) => ({ - value: soundOption?.soundFile, + value: soundOption?.soundFileName, label: soundOption?.name, })); const initialValues: FormValues = { sightingSound: state.sightingSound ?? "switch", NPEDsound: state.NPEDsound ?? "popup", + hotlistSound: state.hotlistSound ?? "notification", hotlists, }; @@ -28,6 +29,7 @@ const SoundSettingsFields = () => { ...values, sightingVolume: state.sightingVolume, NPEDsoundVolume: state.NPEDsoundVolume, + hotlistSoundVolume: state.hotlistSoundVolume, }; dispatch({ type: "UPDATE", payload: updatedValues }); @@ -44,7 +46,7 @@ const SoundSettingsFields = () => { }; return ( - {({ values }) => ( + {() => (
@@ -85,6 +87,23 @@ const SoundSettingsFields = () => {

Hotlist Sounds

+
+ + + {soundOptions?.map(({ value, label }) => ( + + ))} + + +
+
+ {/* ( @@ -115,7 +134,7 @@ const SoundSettingsFields = () => {
)} /> - + */}