mirror of
https://github.com/supabase/supabase.git
synced 2026-10-17 07:09:07 +03:00
Joshen Lim
09a1f431bc
## Context This is largely just a mechanical change here: Opting to use lucide icons with the `Icon` suffix across all icon imports within `studio` - so that it’s clearer which components are icons + reduces the possibility of name collision with our own components - e.g <User /> vs <UserIcon /> Also added a eslint rule for this: <img width="1069" height="167" alt="image" src="https://github.com/user-attachments/assets/7f36f443-5ca2-4bf6-8d22-86e774513bfc" /> And updated `AGENTS.md` as such: ``` Icons come from `lucide-react`, always imported with the `Icon` suffix (`import { CheckIcon, Trash2Icon } from 'lucide-react'`) — never the bare names (`Check`) or `Check as CheckIcon` aliases (lint-enforced). ```
25 lines
867 B
TypeScript
25 lines
867 B
TypeScript
import { AlertCircleIcon } from 'lucide-react'
|
|
import { Alert, AlertTitle } 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 py-0!">
|
|
{!isLoading && project?.status !== PROJECT_STATUS.ACTIVE_HEALTHY ? (
|
|
<Alert variant="destructive">
|
|
<AlertCircleIcon size={16} />
|
|
<AlertTitle>API settings are unavailable as the project is not active</AlertTitle>
|
|
</Alert>
|
|
) : (
|
|
<PostgrestConfig />
|
|
)}
|
|
</ScaffoldSection>
|
|
)
|
|
}
|