mirror of
https://github.com/supabase/supabase.git
synced 2026-07-03 15:54:23 +08:00
ea1b95d29b
* added initial queue operations and feature flag * updated types * added dirty state tracking on columns * updated queue operations * updated operation types and queue * updated spacing * removed on cancel * updated to support saving * updated to include eye details * updated spacing for orders * updated to support shortcuts * added feature preview * updated to unify queue methods * added key generation * used unique keys rather than random uuid * updated based on code review * operation key * updated handle cancel * updated remove operation button * updated views for toast * updated logic to support optimistic updates * updated types * code cleanup: remove LLM slop * updated PR bug * updated preview for logout * updated based on code review * removed use effect as it was causing problems * fixed toast mounting away from sql editor * removed toast for dedicated action bar * cleaned up logic * updated queue operations * renamed method * updated name for types * updated comment * fixed code rabbit solution * added check for changed column * added tests
35 lines
1.4 KiB
TypeScript
35 lines
1.4 KiB
TypeScript
import Image from 'next/image'
|
|
|
|
import { BASE_PATH } from 'lib/constants'
|
|
|
|
export const QueueOperationsPreview = () => {
|
|
return (
|
|
<div className="flex flex-col gap-2">
|
|
<p className="text-foreground-light text-sm mb-4">
|
|
Queue your table edits and review all pending changes before saving them to your database.
|
|
This gives you more control over when changes are committed, allowing you to batch multiple
|
|
edits and review them together.
|
|
</p>
|
|
<div className="bg-yellow-300/15 border-l-4 border-yellow-500 p-3 text-yellow-1100 text-sm rounded mb-2">
|
|
<strong>Note:</strong> We are currently working to add all CRUD operations to the queue.
|
|
Right now, only cell edits are supported.
|
|
</div>
|
|
<Image
|
|
src={`${BASE_PATH}/img/previews/queue-operations-table-preview.png`}
|
|
width={1296}
|
|
height={900}
|
|
alt="queue-operations-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>Queue cell edits in the Table Editor instead of saving them immediately</li>
|
|
<li>Show a panel to review all pending changes before committing them</li>
|
|
<li>Allow you to cancel individual changes or save all changes at once</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|