Files
supabase/apps/studio/components/interfaces/Settings/API/ServiceList.tsx
T
Charis c7dcda5644 feat(studio): move data api settings to integrations (#42711)
Feature

## What is the current behavior?

Data API settings live under Project Settings.

## What is the new behavior?

Data API settings are moved to the Integrations page, treating Data API
as a platform integration. Includes security checks when toggling on the
Data API to prevent unintended exposure of project data.

## Additional context

Towards FE-2517

## Summary by CodeRabbit

* **New Features**
* Added a Data API integration with Overview and Settings pages,
endpoint display, and enable/disable toggle with safety checks and
confirmation flow.
* **Navigation Changes**
* Data API moved from Project Settings into the Integrations area and
routes now redirect to the new Overview page.
* **Documentation**
* Added an overview doc describing Data API endpoints and configuration.
* **Tests**
* Added unit tests for endpoint resolution and schema parsing utilities.
2026-02-12 15:18:39 +00:00

27 lines
925 B
TypeScript

import { AlertCircle } from 'lucide-react'
import { Alert_Shadcn_, AlertTitle_Shadcn_ } from 'ui'
import { PostgrestConfig } from './PostgrestConfig'
import { ScaffoldSection } from '@/components/layouts/Scaffold'
import { useSelectedProjectQuery } from '@/hooks/misc/useSelectedProject'
import { PROJECT_STATUS } from '@/lib/constants'
export const ServiceList = () => {
const { data: project, isPending: isLoading } = useSelectedProjectQuery()
return (
<ScaffoldSection isFullWidth id="api-settings" className="gap-6">
{!isLoading && project?.status !== PROJECT_STATUS.ACTIVE_HEALTHY ? (
<Alert_Shadcn_ variant="destructive">
<AlertCircle size={16} />
<AlertTitle_Shadcn_>
API settings are unavailable as the project is not active
</AlertTitle_Shadcn_>
</Alert_Shadcn_>
) : (
<PostgrestConfig />
)}
</ScaffoldSection>
)
}