Files
supabase__supabase/apps/studio/data/network-restrictions/network-retrictions-apply-mutation.ts
Ivan Vasilov 8422045b86 chore: Use @supabase/config for the code configuration page (#50398)
How to test:
1. Connect a project to GH repo
2. Deploy the `config.toml` once
3. Change some setting in Auth
4. You should see a change in
`/dashboard/project/_/settings/code-configuration`

<img width="1271" height="1186" alt="Screenshot 2026-09-16 at 16 26 39"
src="https://github.com/user-attachments/assets/dfc135a4-e495-489e-88fd-b760383793b4"
/>

<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->
## Summary by CodeRabbit

- **New Features**
- Configuration drift comparisons now use a consistent project
configuration schema.
- Drift details display complete current-environment and `config.toml`
values, grouped by section.
- Matching and unmanaged settings are organized into dedicated sections.
  - Configuration fields link directly to relevant Studio settings.
  - Added a warning that GitHub deployments overwrite local changes.

- **Bug Fixes**
- Configuration updates now refresh project configuration data
automatically.
  - Improved labels and formatting for boolean and redirect URL values.
- Drift errors identify invalid configuration paths and provide
corrective guidance.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->
2026-09-21 16:38:37 +02:00

71 lines
2.0 KiB
TypeScript

import { useMutation, useQueryClient } from '@tanstack/react-query'
import { toast } from 'sonner'
import { networkRestrictionKeys } from './keys'
import { configKeys } from '@/data/config/keys'
import { handleError, post } from '@/data/fetchers'
import type { ResponseError, UseCustomMutationOptions } from '@/types'
export type NetworkRestrictionsApplyVariables = {
projectRef: string
dbAllowedCidrs: string[]
dbAllowedCidrsV6: string[]
}
export async function applyNetworkRestrictions({
projectRef,
dbAllowedCidrs,
dbAllowedCidrsV6,
}: NetworkRestrictionsApplyVariables) {
if (!projectRef) throw new Error('projectRef is required')
const { data, error } = await post('/v1/projects/{ref}/network-restrictions/apply', {
params: { path: { ref: projectRef } },
body: { dbAllowedCidrs, dbAllowedCidrsV6 },
})
if (error) handleError(error)
return data
}
type NetworkRestrictionsApplyData = Awaited<ReturnType<typeof applyNetworkRestrictions>>
export const useNetworkRestrictionsApplyMutation = ({
onSuccess,
onError,
...options
}: Omit<
UseCustomMutationOptions<
NetworkRestrictionsApplyData,
ResponseError,
NetworkRestrictionsApplyVariables
>,
'mutationFn'
> = {}) => {
const queryClient = useQueryClient()
return useMutation<
NetworkRestrictionsApplyData,
ResponseError,
NetworkRestrictionsApplyVariables
>({
mutationFn: (vars) => applyNetworkRestrictions(vars),
async onSuccess(data, variables, context) {
const { projectRef } = variables
await Promise.all([
queryClient.invalidateQueries({ queryKey: networkRestrictionKeys.list(projectRef) }),
queryClient.invalidateQueries({ queryKey: configKeys.projectConfig(projectRef) }),
])
await onSuccess?.(data, variables, context)
},
async onError(data, variables, context) {
if (onError === undefined) {
toast.error(`Failed to apply network restrictions: ${data.message}`)
} else {
onError(data, variables, context)
}
},
...options,
})
}