Port Pronunciations to use redux-toolkit

[imnasnainaec]

Part of #1953

---

This change is 

[codecov-commenter]

Codecov Report

All modified and coverable lines are covered by tests ✅

see 1 file with indirect coverage changes

📢 Thoughts on this report? Let us know!

[jmgrady]

Reviewed 7 of 7 files at r1, all commit messages.
Reviewable status: all files reviewed, 2 unresolved discussions (waiting on @imnasnainaec)

---

src/components/Pronunciations/Redux/PronunciationsActions.ts line 19 at r1 (raw file):

}

export function reset(): Action {

This is easily confused with the global reset action. I recommend changing it to a more specific name, e.g. resetPronunciation()

Code quote:

reset()

---

src/components/Pronunciations/Redux/PronunciationsReduxTypes.ts line 2 at r1 (raw file):

export enum PronunciationsStatus {
  Default = "DEFAULT",

I don't think Default is a good name for the default status. It does not tell me anything about what the status is - it just tells me that its the status when the app is started up. I end up assuming that it is neither playing nor recording. It would be better to have something like:

export enum PronunciationsStatus {
  Inactive = "INACTIVE",
  Playing = "PLAYING",
  Recording = "RECORDING",
}

and set defaultState.status to be PronunciationsStatus.Inactive.

Code quote:

  Default = "DEFAULT",

[jmgrady]

Reviewed 5 of 5 files at r2, all commit messages.
Reviewable status: all files reviewed, 2 unresolved discussions (waiting on @imnasnainaec)

[jmgrady]

Reviewed 1 of 1 files at r3, all commit messages.
Reviewable status: complete! all files reviewed, all discussions resolved (waiting on @imnasnainaec)