expo-popcore-app/hooks/use-user-likes.ts

117 lines
3.4 KiB
TypeScript

import { root } from '@repo/core'
import {
type GetUserLikesInput,
type GetUserLikesResponse,
TemplateSocialController,
} from '@repo/sdk'
import { useCallback, useRef, useState } from 'react'
import { type ApiError } from '@/lib/types'
import { handleError } from './use-error'
type GetUserLikesParams = Partial<GetUserLikesInput>
const DEFAULT_PARAMS = {
limit: 20,
}
export const useUserLikes = (initialParams?: GetUserLikesParams) => {
const [loading, setLoading] = useState(false)
const [loadingMore, setLoadingMore] = useState(false)
const [error, setError] = useState<ApiError | null>(null)
const [data, setData] = useState<GetUserLikesResponse>()
const [hasMore, setHasMore] = useState(true)
const currentPageRef = useRef(1)
const execute = useCallback(async (params?: GetUserLikesParams) => {
setLoading(true)
setError(null)
currentPageRef.current = params?.page || initialParams?.page || 1
const controller = root.get(TemplateSocialController)
const requestParams: GetUserLikesInput = {
...DEFAULT_PARAMS,
...initialParams,
...params,
page: params?.page ?? initialParams?.page ?? 1,
}
const { data, error } = await handleError(
async () => await controller.getUserLikes(requestParams),
)
if (error) {
setError(error)
setLoading(false)
return { data: undefined, error }
}
const likes = data?.likes || []
const currentPage = requestParams.page || 1
const total = data?.total || 0
const limit = requestParams.limit || 20
const totalPages = Math.ceil(total / limit)
const hasMoreValue = currentPage < totalPages
setHasMore(hasMoreValue)
setData(data)
setLoading(false)
return { data, error: null }
}, [initialParams])
const loadMore = useCallback(async () => {
if (loadingMore || loading || !hasMore) return { data: undefined, error: null }
setLoadingMore(true)
const nextPage = currentPageRef.current + 1
const controller = root.get(TemplateSocialController)
const requestParams: GetUserLikesInput = {
...DEFAULT_PARAMS,
...initialParams,
page: nextPage,
}
const { data: newData, error } = await handleError(
async () => await controller.getUserLikes(requestParams),
)
if (error) {
setLoadingMore(false)
return { data: undefined, error }
}
const newLikes = newData?.likes || []
const total = newData?.total || 0
const limit = requestParams.limit || 20
const totalPages = Math.ceil(total / limit)
const hasMoreValue = nextPage < totalPages
setHasMore(hasMoreValue)
currentPageRef.current = nextPage
setData((prev) => ({
...newData,
likes: [...(prev?.likes || []), ...newLikes],
}))
setLoadingMore(false)
return { data: newData, error: null }
}, [loading, loadingMore, hasMore, initialParams])
const refetch = useCallback(() => {
setHasMore(true)
return execute()
}, [execute])
return {
data,
likes: data?.likes || [],
loading,
loadingMore,
hasMore,
error,
execute,
refetch,
loadMore,
}
}