Files
supabase/apps/studio/data/organizations/organizations-query.ts
790c7ce369 Vercel marketplace (#28786)
* Add Vercel Marketplace login flow page

* Add alternative Vercel Marketplace flow with for popup windows

* Automatically redirect user to project after Vercel Marketplace login

* added PartnerIcon

* Update partner-icon.tsx

* refactor partner icon

* hide invoices when on vercel marketplace

* vercel marketplace – payment method / billing address / tax numbers | empty states

* add tooltip to memebers

* always show invoices tab

* Update InvoicesSettings.tsx

* add partner id

* update cta urls

* add vercel managed org banner

* add billing coming soon warning

* remove sign-in-vercel-marketplace routes

* re-enable plan upgrades

* Update api.d.ts

* Fix type checking

* fix vercel links

* improve ts

---------

Co-authored-by: Kamil Ogórek <kamil.ogorek@gmail.com>
Co-authored-by: Alaister Young <a@alaisteryoung.com>
Co-authored-by: Kevin Grüneberg <k.grueneberg1994@gmail.com>
Co-authored-by: Joshen Lim <joshenlimek@gmail.com>
2024-08-23 08:06:15 +00:00

47 lines
1.6 KiB
TypeScript

import { QueryClient, useQuery, UseQueryOptions } from '@tanstack/react-query'
import { components } from 'api-types'
import { get, handleError } from 'data/fetchers'
import type { Organization, ResponseError } from 'types'
import { organizationKeys } from './keys'
function castOrganizationResponseToOrganization(
org: components['schemas']['OrganizationResponse']
): Organization {
return {
...org,
billing_email: org.billing_email ?? 'Unknown',
managed_by: org.slug.startsWith('vercel_icfg_') ? 'vercel-marketplace' : 'supabase',
partner_id: org.slug.startsWith('vercel_') ? org.slug.replace('vercel_', '') : undefined,
}
}
export async function getOrganizations(signal?: AbortSignal): Promise<Organization[]> {
const { data, error } = await get('/platform/organizations', { signal })
if (error) handleError(error)
if (!Array.isArray(data)) return []
return data
.map(castOrganizationResponseToOrganization)
.sort((a, b) => a.name.localeCompare(b.name))
}
export type OrganizationsData = Awaited<ReturnType<typeof getOrganizations>>
export type OrganizationsError = ResponseError
export const useOrganizationsQuery = <TData = OrganizationsData>({
enabled = true,
...options
}: UseQueryOptions<OrganizationsData, OrganizationsError, TData> = {}) => {
return useQuery<OrganizationsData, OrganizationsError, TData>(
organizationKeys.list(),
({ signal }) => getOrganizations(signal),
{ enabled: enabled, ...options, staleTime: 30 * 60 * 1000 }
)
}
export function invalidateOrganizationsQuery(client: QueryClient) {
return client.invalidateQueries(organizationKeys.list())
}