Fixed(Add-Button): Add Audio Button Next to Dropdown for Each Question

[MirzaHanan]

Problem:

• Render audio button next to dropdown:
• Subscribe to hook answeraudiohook
• Render button if we receive audio_en property
• Play/pause functionality should be the same as TLDR
• Component should be a small icon that highlights when activated

closes: #1998

Issue ticket number and link:

• Ticket Number: [ 1998 ]
• Link: [ https://github.com/Add audio button next to dropdown per question #1998 ]

Evidence:

• Please see the attached video as evidence.

https://www.loom.com/share/6a26a6cb46f246a790958797cec6acd1

Acceptance Criteria

• Subscribe to websocket answeraudiohook
• ONLY render audio component IF hook received
• match on ref_id
• Play/pause functionality the same as TLDR feature
• Component should be smaller version than TLDR as per screen shots above

[MirzaHanan]

Hi @Rassl, @tomsmith8, Please review this PR.

[tomsmith8]

There seems to be an issue, the audio button has been rendered when no websocket has been sent?

Currently we have a button that does nothing.

The component shouldn't be visible UNLESS we receive audio_EN value from the audio hook

[tomsmith8]

We need to subscribe to answeraudiohook as per the ticket

[tomsmith8]

@MirzaHanan can you fix this please, thanks!

[MirzaHanan]

There seems to be an issue, the audio button has been rendered when no websocket has been sent?

Currently we have a button that does nothing.

The component shouldn't be visible UNLESS we receive audio_EN value from the audio hook

@tomsmith8 Ok

[MirzaHanan]

There seems to be an issue, the audio button has been rendered when no websocket has been sent?

Currently we have a button that does nothing.

The component shouldn't be visible UNLESS we receive audio_EN value from the audio hook

Hi @tomsmith8, this issue was caused by the exclamation mark I forgot to remove. I had added the exclamation mark just for testing purposes.

[tomsmith8]

Now when the requests come in, the audio button doesn't render?

[tomsmith8]

Are using the correct websocket subscription?

[MirzaHanan]

Are using the correct websocket subscription?

@tomsmith8, Yeah I have used correct answeraudiohook websocket.

[tomsmith8]

@Rassl any ideas?