jeffzyliu / typietalkie

0 stars 0 forks source link

Ring bell #5

Open jeffzyliu opened 2 years ago

jeffzyliu commented 2 years ago

Top right corner? Honk?

jeffzyliu commented 2 years ago

look into https://www.joshwcomeau.com/react/announcing-use-sound-react-hook/ else howlerjs

to fix the need pre-clicking issuee

jeffzyliu commented 2 years ago

Yay for howler

Need to figure out how to prevent first hydrate from triggering it

  1. Set some kind of variable after the first hydrate to enable sound, could implement by setting both the audio dummy and an enable to true on callback of listener
  2. Set true then false
  3. Use the ref to prevent sound on first render seems not useful since the firebase hydrate happens after render perhaps
jeffzyliu commented 2 years ago

https://stackoverflow.com/questions/20728150/unusual-shape-of-a-textarea

jeffzyliu commented 2 years ago

alternative: just have it in the top right of history

Modification: let it be in the textarea while history is open check for !view only && displayHistory &&