Files
supabase/apps/studio/components/interfaces/App/FeaturePreview/Branching2Preview.tsx
Alaister Young 5f533247e1 Update docs url to env var (#38772)
* Update Supabase docs URLs to use env variable

Co-authored-by: a <a@alaisteryoung.com>

* Refactor: Use DOCS_URL constant for documentation links

This change centralizes documentation links using a new DOCS_URL constant, improving maintainability and consistency.

Co-authored-by: a <a@alaisteryoung.com>

* Refactor: Use DOCS_URL constant for all documentation links

This change replaces hardcoded documentation URLs with a centralized constant, improving maintainability and consistency.

Co-authored-by: a <a@alaisteryoung.com>

* replace more instances

* ci: Autofix updates from GitHub workflow

* remaining instances

* fix duplicate useRouter

---------

Co-authored-by: Cursor Agent <cursoragent@cursor.com>
Co-authored-by: alaister <10985857+alaister@users.noreply.github.com>
2025-09-26 10:16:33 +00:00

59 lines
2.2 KiB
TypeScript

import Image from 'next/image'
import { InlineLink } from 'components/ui/InlineLink'
import { BASE_PATH, DOCS_URL } from 'lib/constants'
export const Branching2Preview = () => {
return (
<div>
<Image
src={`${BASE_PATH}/img/previews/branching-preview.png`}
width={1296}
height={900}
alt="api-docs-side-panel-preview"
className="rounded border mb-4"
/>
<p className="text-sm text-foreground-light mb-4">
Create branches, review changes, and merge back into production all through the dashboard.
Read the below limitations and our{' '}
<InlineLink href={`${DOCS_URL}/guides/platform/branching`}>
branching documentation
</InlineLink>{' '}
before opting in.
</p>
<div className="my-6">
<p className="text-sm text-foreground mb-2 font-medium">Limitations:</p>
<ul className="list-disc pl-6 text-sm text-foreground-light space-y-1">
<li>Custom roles created through the dashboard are not captured on branch creation.</li>
<li>
Branches can only be merged to <code>main</code>; merging between preview branches is
not supported.
</li>
<li>
If your branch is out of date, you can pull in latest changes from <code>main</code>,
but keep in mind that all functions will be overwritten.
</li>
<li>
Deleting functions must be done manually on <code>main</code>.
</li>
<li>Migration conflicts must be manually resolved on the preview branch.</li>
<li>
If you have run migrations on <code>main</code>, new branches will be created from
existing migrations instead of a full schema dump.
</li>
</ul>
</div>
<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>
Allow you to create, manage, review, and merge database branches directly via the
branches page within the dashboard
</li>
</ul>
</div>
</div>
)
}