[Refactor] Shift the audio playing logic for the Effects to the useAudioPlayer custom hook

[ArvindParekh]

Currently, the audio-playing logic for the Tracks is consolidated within the useAudioPlayer custom hook. However, the same logic for Effects is not centralized and is present individually within the Effect.jsx file. To maintain a consistent and centralized source of truth, it's advisable to include the audio playing logic for Effects within the useAudioPlayer custom hook.

The task involves:

• Modifying the useAudioPlayer custom hook to incorporate the audio playing logic for Effects.
• Adjusting the Effects.jsx and EffectCard.jsx components to accommodate this change, ensuring there's no loss of functionality.

[tigerabrodi]

@ArvindParekh

Do you mean EffectCard.jsx should also use the useAudioPlayer hook just like Tracks file does?

[ArvindParekh]

Yes, precisely. However, the useAudioPlayer hook currently doesn't support the kind of logic that's required for playing "Effect" audios, the logic is still present natively in EffectCard.jsx. It'd be better if there's one single custom hook that takes care of the entire audio logic for both Effects and Tracks.

[sahild91]

@ArvindParekh , Is this issue still open for contribution? If yes, maybe I can try it out and see if it can be made as a custom hook.

[ArvindParekh]

Hey @sahild91, yes the issue's still open, feel free to work on it if you'd like. We already have a custom hook in place, we'd just like to incorporate the logic of Effects into it. (You can get the issue assigned to you, and here are the contributing guidelines if you'd like to take a look 👍🏻 )

[sahild91]

/assign

[qu1ll]

Hey @sahild91, just wondering how far you got on this issue, I was thinking of taking a peak at it see what I can do.

[qu1ll]

/assign