mirror of
https://github.com/supabase/supabase.git
synced 2026-10-16 14:49:10 +03:00
Saxon FletcherandJoshen Lim
28fe5811de
* add edge function knowledge * deploy edge function mutaton * add edge function block with deploy * update function url * update tools * editor sql * add templates * use monaco editor * hook up templates * fixes * add behind feature flag * preview docs * move editor * initialPrompt * consolidate widgets * remove generic editor * move logic * fix ts * include schema metadata * Fix width of save snippet button * Set tooltip position * Use inlineLink component * Remove unnecessary z index * Lint * Lint import statements in EditorPanel * fixes * fix keyboard shortcut * show/hide results and invalidation * fix focus issues in widget * fixes * fix ts * Support cmd enter shortcut to run query in InlineEditor * Update InlineEditorPreview to use admonition * prompt updates * add discussion url to preview * schemas array * One last clean up --------- Co-authored-by: Joshen Lim <joshenlimek@gmail.com>
34 lines
1.1 KiB
TypeScript
34 lines
1.1 KiB
TypeScript
import Image from 'next/image'
|
|
|
|
import { BASE_PATH } from 'lib/constants'
|
|
import { Admonition } from 'ui-patterns'
|
|
|
|
const InlineEditorPreview = () => {
|
|
return (
|
|
<div>
|
|
<Image
|
|
src={`${BASE_PATH}/img/previews/inline-editor-preview.png`}
|
|
width={1296}
|
|
height={900}
|
|
alt="api-docs-side-panel-preview"
|
|
className="rounded border mb-4"
|
|
/>
|
|
<p className="text-sm text-foreground-light">
|
|
Access an inline SQL editor where you can write and run queries wherever you are in the
|
|
dashboard. Use the inline Assistant to generate or modify queries without leaving the
|
|
editor.
|
|
</p>
|
|
<Admonition type="note" className="my-4">
|
|
With the inline editor enabled, editing policies, triggers and database functions will all
|
|
be done using the editor.
|
|
</Admonition>
|
|
<p className="text-sm text-foreground-light">
|
|
You can access the inline editor by clicking the code editor icon in the top right corner of
|
|
your dashboard.
|
|
</p>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default InlineEditorPreview
|