SettingsTab.tsx26 lines · main

1	import { useParams } from 'common'
2
3	import { ConstrainedIntegrationTabScaffold } from '../ConstrainedIntegrationTabScaffold'
4	import { DataApiDisabledState } from '@/components/interfaces/Integrations/DataApi/DataApiDisabledState'
5	import { ServiceList } from '@/components/interfaces/Settings/API/ServiceList'
6	import { useIsDataApiEnabled } from '@/hooks/misc/useIsDataApiEnabled'
7	import { IS_PLATFORM } from '@/lib/constants'
8
9	export const DataApiSettingsTab = () => {
10	const { ref: projectRef } = useParams()
11	const { isEnabled, isPending } = useIsDataApiEnabled({ projectRef })
12
13	if (IS_PLATFORM && !isPending && !isEnabled) {
14	return (
15	<ConstrainedIntegrationTabScaffold>
16	<DataApiDisabledState description="configure settings" />
17	</ConstrainedIntegrationTabScaffold>
18	)
19	}
20
21	return (
22	<ConstrainedIntegrationTabScaffold>
23	<ServiceList />
24	</ConstrainedIntegrationTabScaffold>
25	)
26	}