chore: Remove API docs from preview, keep logic for those who enabled it (#43674)

## I have read the
[CONTRIBUTING.md](https://github.com/supabase/supabase/blob/master/CONTRIBUTING.md)
file.

YES

## What kind of change does this PR introduce?

Remove from preview, but keep local storage check for now for those who
enabled it.

## How to test
- Check the feature does not exist
- Enable the key manually
`localStorage.setItem('supabase-ui-api-side-panel', 'true')` to see it
work
This commit is contained in:
Ali Waseem authored and GitHub committed 2026-03-11 19:52:15 +00:00
1 parent 9c5626b514
commit b218badbc2
2 files changed
-40

No files matched your search

@@ -1,38 +0,0 @@
import { useParams } from 'common'
import { InlineLink } from 'components/ui/InlineLink'
import { BASE_PATH } from 'lib/constants'
import Image from 'next/image'
export const APISidePanelPreview = () => {
const { ref } = useParams()
return (
<div className="space-y-2">
<p className="text-foreground-light text-sm mb-4">
Your project's API documentation will be available on any page across the dashboard. <br />
Get contextualized code snippets based on what you're viewing in the dashboard. Less
thinking, more building.
</p>
<Image
src={`${BASE_PATH}/img/previews/api-docs-preview.png`}
width={1860}
height={970}
alt="api-docs-side-panel-preview"
className="rounded 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>
Replace the original API documentation page with a global API documentation side panel
that can be accessed anywhere while in a project.
</li>
<li>
Move the GraphiQL interface the Database section of the dashboard{' '}
<InlineLink href={`/project/${ref}/database/graphiql`}>here</InlineLink>.
</li>
</ul>
</div>
</div>
)
}
@@ -20,7 +20,6 @@ import {
} from 'ui'
import { AdvisorRulesPreview } from './AdvisorRulesPreview'
import { APISidePanelPreview } from './APISidePanelPreview'
import { Branching2Preview } from './Branching2Preview'
import { CLSPreview } from './CLSPreview'
import { useFeaturePreviewContext, useFeaturePreviewModal } from './FeaturePreviewContext'
@@ -38,7 +37,6 @@ const FEATURE_PREVIEW_KEY_TO_CONTENT: {
[LOCAL_STORAGE_KEYS.UI_PREVIEW_BRANCHING_2_0]: <Branching2Preview />,
[LOCAL_STORAGE_KEYS.UI_PREVIEW_PG_DELTA_DIFF]: <PgDeltaDiffPreview />,
[LOCAL_STORAGE_KEYS.UI_PREVIEW_ADVISOR_RULES]: <AdvisorRulesPreview />,
[LOCAL_STORAGE_KEYS.UI_PREVIEW_API_SIDE_PANEL]: <APISidePanelPreview />,
[LOCAL_STORAGE_KEYS.UI_PREVIEW_CLS]: <CLSPreview />,
[LOCAL_STORAGE_KEYS.UI_PREVIEW_UNIFIED_LOGS]: <UnifiedLogsPreview />,
[LOCAL_STORAGE_KEYS.UI_PREVIEW_QUEUE_OPERATIONS]: <QueueOperationsPreview />,