d963e6a54c
Closes https://github.com/payloadcms/payload/discussions/1413 ### What? Introduces a new `orderable` boolean property on collections that allows dragging and dropping rows to reorder them: https://github.com/user-attachments/assets/8ee85cf0-add1-48e5-a0a2-f73ad66aa24a ### Why? [One of the most requested features](https://github.com/payloadcms/payload/discussions/1413). Additionally, poorly implemented it can be very costly in terms of performance. This can be especially useful for implementing custom views like kanban. ### How? We are using fractional indexing. In its simplest form, it consists of calculating the order of an item to be inserted as the average of its two adjacent elements. There is [a famous article by David Greenspan](https://observablehq.com/@dgreensp/implementing-fractional-indexing) that solves the problem of running out of keys after several partitions. We are using his algorithm, implemented [in this library](https://github.com/rocicorp/fractional-indexing). This means that if you insert, delete or move documents in the collection, you do not have to modify the order of the rest of the documents, making the operation more performant. --------- Co-authored-by: Dan Ribbens <dan.ribbens@gmail.com>
20 lines
328 B
TypeScript
20 lines
328 B
TypeScript
/* eslint-disable no-console */
|
|
'use client'
|
|
|
|
export const Seed = () => {
|
|
return (
|
|
<button
|
|
onClick={async () => {
|
|
try {
|
|
await fetch('/api/seed', { method: 'POST' })
|
|
} catch (error) {
|
|
console.error(error)
|
|
}
|
|
}}
|
|
type="button"
|
|
>
|
|
Seed
|
|
</button>
|
|
)
|
|
}
|