mirror of
https://github.com/supabase/supabase.git
synced 2026-10-11 04:15:04 +03:00
* 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>
92 lines
2.1 KiB
TypeScript
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,
|
|
}
|
|
)
|