sombreroEnPuntas/review-feed

import { useRef, useEffect, useState } from 'react'
import { useDispatch, useSelector } from 'react-redux'
 
import { DefaultApi, ModelReview, ModelTheme } from '../../client/api'
import { Configuration } from '../../client/configuration'
import { getToken } from '../../data/login'
import { getThemes, setThemes } from '../../data/themes'
import parseAPIError from '../../utils/parseAPIError'
 
interface ModelThemeResponse {
  data: ModelTheme[]
}
 
interface ModelReviewResponse {
  data: ModelReview[]
}
 
Function `useGetReviews` has 71 lines of code (exceeds 50 allowed). Consider refactoring.
const useGetReviews = () => {
  const service = useRef<DefaultApi>()
 
  const dispatch = useDispatch()
  const token: string = useSelector(getToken)
  const themes: ModelTheme[] = useSelector(getThemes)
 
  const [error, setError] = useState<string>()
  const [loading, setLoading] = useState(false)
  const [reviews, setReviews] = useState<ModelReview[]>()
 
  const fetchThemes = async ({
    limit,
    offset,
  }: {
    limit?: number
    offset?: number
  }) => {
    setLoading(true)
    let message = null
 
    try {
      // wrong types on the model :(
      const response: unknown = await service.current.apiThemesGet(
        limit,
        offset
      )
      dispatch(setThemes((response as ModelThemeResponse).data))
    } catch (e) {
      // indirect tests assert this behavior 🔍
      /* istanbul ignore next */
      message = await parseAPIError(e, dispatch)
    }
 
    setError(message)
    setLoading(false)
  }
 
  const getReviews = async ({
    limit = 10,
    offset,
    themeId,
  }: {
    limit?: number
    offset?: number
    themeId?: number
  } = {}) => {
    setLoading(true)
    let message = null
 
    try {
      // wrong types on the model :(
      const response: unknown = await service.current.apiReviewsGet(
        limit,
        offset,
        themeId
      )
      setError(null)
      setReviews((prevData) => [
        ...(prevData || []),
        ...(response as ModelReviewResponse).data,
      ])
    } catch (e) {
      message = await parseAPIError(e, dispatch)
    }
 
    setError(message)
    setLoading(false)
  }
 
  // instantiate the service when new tokens come only
  useEffect(() => {
    ;(async () => {
      if (!token) return
 
      const config: Configuration = { apiKey: `Bearer ${token}` }
      service.current = new DefaultApi(config)
 
      if (!themes) {
        // initializes all, since it's just text
        await fetchThemes({ limit: 100 })
        await getReviews()
      }
    })()
 
    return function cleanUp() {
      service.current = undefined
    }
  }, [token])
 
  return { error, loading, reviews, themeList: themes, getReviews }
}
 
export default useGetReviews