diff --git a/src/Components/ListboxSelector/index.tsx b/src/Components/ListboxSelector/index.tsx index 8e83204..db7034c 100644 --- a/src/Components/ListboxSelector/index.tsx +++ b/src/Components/ListboxSelector/index.tsx @@ -1,13 +1,12 @@ import { Listbox, Transition } from "@headlessui/react"; import { Fragment } from "react"; +import IconCheckMark from "../Icons/IconCheckMark"; import IconChevronUpDown from "../Icons/IconChevronUpDown"; import { ListBoxProps } from "./types"; -import IconCheckMark from "../Icons/IconCheckMark"; function ListboxSelector({ value, onChange, - buttonTitle, options, className, }: ListBoxProps) { @@ -15,7 +14,7 @@ function ListboxSelector({
- {buttonTitle} + {value} void; - buttonTitle: string; options: { label: string; value: string; diff --git a/src/Components/NoteDisplay/index.tsx b/src/Components/NoteDisplay/index.tsx index 9ae1cbc..3a440bc 100644 --- a/src/Components/NoteDisplay/index.tsx +++ b/src/Components/NoteDisplay/index.tsx @@ -5,10 +5,10 @@ import { useAudioProcessor } from "../../Hooks/useAudioProcessor"; import NoteUtils, { notes } from "../../Utils/NoteUtils"; import { EDifficulty, INote } from "../../types"; -import ListboxSelector from "../ListboxSelector"; -import { Props, difficultyOptions } from "./types"; import Button from "../Button"; import IconMusikNote from "../Icons/IconMusikNote"; +import ListboxSelector from "../ListboxSelector"; +import { Props, difficultyOptions } from "./types"; const NoteDisplay = ({ isStarted, setIsStarted }: Props) => { const { playedNote, initAudio, stopAudio } = useAudioProcessor(notes); @@ -103,7 +103,6 @@ const NoteDisplay = ({ isStarted, setIsStarted }: Props) => { setDifficulty(value)} - buttonTitle="Change Difficulty" value={difficulty} options={difficultyOptions} />