mirror of
https://github.com/supabase/supabase.git
synced 2026-10-11 20:35:07 +03:00
Ivan VasilovandJordi Enric
56de26fe22
This PR migrates the whole monorepo to use Tailwind v4: - Removed `@tailwindcss/container-queries` plugin since it's included by default in v4, - Bump all instances of Tailwind to v4. Made minimal changes to the shared config to remove non-supported features (`alpha` mentions), - Migrate all apps to be compatible with v4 configs, - Fix the `typography.css` import in 3 apps, - Add missing rules which were included by default in v3, - Run `pnpm dlx @tailwindcss/upgrade` on all apps, which renames a lot of classes - Rename all misnamed classes according to https://tailwindcss.com/docs/upgrade-guide#renamed-utilities in all apps. --------- Co-authored-by: Jordi Enric <jordi.err@gmail.com>
58 lines
2.5 KiB
TypeScript
58 lines
2.5 KiB
TypeScript
import { useParams } from 'common'
|
|
import Image from 'next/image'
|
|
import { Alert_Shadcn_, AlertDescription_Shadcn_, AlertTitle_Shadcn_, WarningIcon } from 'ui'
|
|
|
|
import { Markdown } from '@/components/interfaces/Markdown'
|
|
import { InlineLink } from '@/components/ui/InlineLink'
|
|
import { useCustomContent } from '@/hooks/custom-content/useCustomContent'
|
|
import { BASE_PATH, DOCS_URL } from '@/lib/constants'
|
|
|
|
export const CLSPreview = () => {
|
|
const { ref } = useParams()
|
|
|
|
const { docsRowLevelSecurityGuidePath } = useCustomContent(['docs:row_level_security_guide_path'])
|
|
|
|
return (
|
|
<div className="flex flex-col gap-2">
|
|
<div className="mb-4 flex flex-col gap-y-2">
|
|
<Markdown
|
|
className="text-foreground-light max-w-full"
|
|
content={`[Postgres Column-Level Privileges](${DOCS_URL}/guides/auth/column-level-security) is a feature of Postgres that allows you to grant or revoke privileges on tables and columns based on user roles.`}
|
|
/>
|
|
<Markdown
|
|
className="text-foreground-light max-w-full"
|
|
content={`This is an advanced feature and should be used with caution. Unless you have a very specific use case, we recommend just using [Row-Level Security](${DOCS_URL}${docsRowLevelSecurityGuidePath}).`}
|
|
/>
|
|
<Alert_Shadcn_ variant="warning" className="mt-2">
|
|
<WarningIcon />
|
|
<AlertTitle_Shadcn_>
|
|
Changes to column privileges will not be reflected in migrations when running{' '}
|
|
<code className="text-code-inline">supabase db diff</code>.
|
|
</AlertTitle_Shadcn_>
|
|
<AlertDescription_Shadcn_>
|
|
Column privileges are not supported in the current version of the Supabase CLI.
|
|
<br />
|
|
You will need to manually apply these changes to your database.
|
|
</AlertDescription_Shadcn_>
|
|
</Alert_Shadcn_>
|
|
</div>
|
|
<Image
|
|
src={`${BASE_PATH}/img/previews/cls-preview.png`}
|
|
width={1860}
|
|
height={970}
|
|
alt="api-docs-side-panel-preview"
|
|
className="rounded-sm border"
|
|
/>
|
|
<div className="space-y-2 mt-4!">
|
|
<p className="text-sm">Enabling this preview will:</p>
|
|
<ul className="list-disc pl-6 text-sm text-foreground-light space-y-1">
|
|
<li>
|
|
Grant access to a new UI for granting and/or revoking column-level privileges{' '}
|
|
<InlineLink href={`/project/${ref}/database/column-privileges`}>here</InlineLink>.
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|