diff --git a/studio-ui/ui/app/src/components/FormsEngine/components/SortableList.tsx b/studio-ui/ui/app/src/components/FormsEngine/components/SortableList.tsx index 2480263c1..b435343e2 100644 --- a/studio-ui/ui/app/src/components/FormsEngine/components/SortableList.tsx +++ b/studio-ui/ui/app/src/components/FormsEngine/components/SortableList.tsx @@ -248,8 +248,9 @@ function SortableItem({ item, selected, sortable = true }: { item: TItem; select ref={ref} data-item-id={item.key} sx={[ - { position: 'relative', borderRadius: 1, cursor: 'grab' }, - state.type === 'is-dragging' && { opacity: 0.4 } + { position: 'relative', borderRadius: 1, cursor: sortable ? 'grab' : 'default' }, + state.type === 'is-dragging' && { opacity: 0.4 }, + !sortable && { background: 'none !important' } ]} selected={selected} > diff --git a/studio-ui/ui/app/src/components/FormsEngine/controls/PageNavOrder.tsx b/studio-ui/ui/app/src/components/FormsEngine/controls/PageNavOrder.tsx index 879440d2f..595a01e17 100644 --- a/studio-ui/ui/app/src/components/FormsEngine/controls/PageNavOrder.tsx +++ b/studio-ui/ui/app/src/components/FormsEngine/controls/PageNavOrder.tsx @@ -85,6 +85,9 @@ export function PageNavOrder(props: PageNavOrderProps) { const orderDefaultAtom = formContext.atoms.valueByFieldId[ORDER_DEFAULT_FIELD_ID] as | PrimitiveAtom | undefined; + if (!orderDefaultAtom) { + throw new Error(`Missing "${ORDER_DEFAULT_FIELD_ID}" atom; computed nav order was not applied to the form.`); + } const effectRefs = useUpdateRefs({ initialValue, contextItem, @@ -217,10 +220,6 @@ export function PageNavOrder(props: PageNavOrderProps) { }} /> - {/* TODO: Remove this alert when the 'content/reorder-items' new v2 API is implemented. */} - - Development draft. Waiting for 'content/reorder-items' new v2 API to be implemented. -