flexor-web/src/actions/users.ts

import { apiFetch } from 'src/api'
import { setEntities } from 'src/actions/entities'
import { startRequest, finishRequest } from 'src/actions/requests'
import { AppThunkAction, Entity, RequestKey, EntityType } from 'src/types'
import { normalize } from 'src/utils/normalization'

export const fetchUser = (id: string): AppThunkAction => {
    return async dispatch => {
        dispatch(startRequest(RequestKey.FetchUser))

        try {
            const user = await apiFetch<Entity>({
                path: `/api/user/${id}`
            })

            const users = normalize([user], EntityType.User)

            dispatch(setEntities(users.entities))
            dispatch(finishRequest(RequestKey.FetchUser, true))
        } catch (err) {
            dispatch(finishRequest(RequestKey.FetchUser, false))
            throw err
        }
    }
}