Files
supabase/apps/studio/data/auth/users-count-query.ts
T
Stojan DimitrovskiandJoshen Lim 0a3f4184a7 feat: optimized users page (#39349)
* feat: optimized users page

* Update UI

* Reinstate footer with count if mode is freeform

* Simplify disabled sort in performance mode

* Clean

* Small fix

* Final fixes

* Shift users SQL query to packages/pg-meta

* Nit unrelated: Clear query params from useLogsUrlState when going to logs tab of a selected user

* Shift user count SQL and get count estimate SQL into packages/pg-meta

* Fix

* Nit

* Nit

* Minor nits

* Refactor UX for searching

---------

Co-authored-by: Joshen Lim <joshenlimek@gmail.com>
2025-10-14 15:02:00 +08:00

92 lines
2.1 KiB
TypeScript

import { getUsersCountSQL } from '@supabase/pg-meta/src/sql/studio/get-users-count'
import { useQuery, type UseQueryOptions } from '@tanstack/react-query'
import { executeSql, type ExecuteSqlError } from 'data/sql/execute-sql-query'
import { authKeys } from './keys'
import { type Filter } from './users-infinite-query'
type UsersCountVariables = {
projectRef?: string
connectionString?: string | null
keywords?: string
filter?: Filter
providers?: string[]
forceExactCount?: boolean
}
export async function getUsersCount(
{
projectRef,
connectionString,
keywords,
filter,
providers,
forceExactCount,
}: UsersCountVariables,
signal?: AbortSignal
) {
const sql = getUsersCountSQL({ filter, keywords, providers, forceExactCount })
const { result } = await executeSql(
{
projectRef,
connectionString,
sql,
queryKey: ['users-count'],
},
signal
)
const count = result?.[0]?.count
const isEstimate = result?.[0]?.is_estimate
if (typeof count !== 'number') {
throw new Error('Error fetching users count')
}
return {
count,
is_estimate: isEstimate ?? true,
}
}
export type UsersCountData = Awaited<ReturnType<typeof getUsersCount>>
export type UsersCountError = ExecuteSqlError
/** [Joshen] Be wary of using this as it could potentially cause a huge load on the user's DB */
export const useUsersCountQuery = <TData = UsersCountData>(
{
projectRef,
connectionString,
keywords,
filter,
providers,
forceExactCount,
}: UsersCountVariables,
{ enabled = true, ...options }: UseQueryOptions<UsersCountData, UsersCountError, TData> = {}
) =>
useQuery<UsersCountData, UsersCountError, TData>(
authKeys.usersCount(projectRef, {
keywords,
filter,
providers,
forceExactCount,
}),
({ signal }) =>
getUsersCount(
{
projectRef,
connectionString,
keywords,
filter,
providers,
forceExactCount,
},
signal
),
{
enabled: enabled && typeof projectRef !== 'undefined',
...options,
}
)