fix: ui, label text and ordering type

sanity-io · Mar 22, 2023 · d3defa3 · d3defa3
1 parent ec3b22c
commit d3defa3
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 7 deletions.
diff --git a/src/Document.tsx b/src/Document.tsx
@@ -1,16 +1,21 @@
 import React, {useContext} from 'react'
 import {ChevronDownIcon, ChevronUpIcon, DragHandleIcon} from '@sanity/icons'
-import {Box, Button, Flex, Text} from '@sanity/ui'
+import {Box, Button, Card, Flex, Text} from '@sanity/ui'
 import {useSchema, SchemaType, Preview} from 'sanity'
 
 import {OrderableContext} from './OrderableContext'
-import { SanityDocumentWithOrder } from './types'
+import {SanityDocumentWithOrder} from './types'
 
 export interface DocumentProps {
  doc: SanityDocumentWithOrder
  entities: SanityDocumentWithOrder[]
  handleSelect: (docId: string, index: number, event: MouseEvent) => void
- increment: (index: number, nextIndex: number, docId: string, entities: SanityDocumentWithOrder[]) => void
+ increment: (
+ index: number,
+ nextIndex: number,
+ docId: string,
+ entities: SanityDocumentWithOrder[]
+ ) => void
  index: number
  isFirst: boolean
  isLast: boolean
@@ -59,13 +64,13 @@ export default function Document({
  onClick={(e) => handleSelect(doc._id, index, e.nativeEvent)}
  >
  <Flex flex={1} align="center">
- <Box flex={1}>
+ <Card tone="default">
  <Preview
  layout="default"
  value={doc}
  schemaType={schema.get(doc._type) as SchemaType}
  />
- </Box>
+ </Card>
  </Flex>
  </Button>
  </Flex>

diff --git a/src/desk-structure/orderableDocumentListDeskItem.ts b/src/desk-structure/orderableDocumentListDeskItem.ts
@@ -54,7 +54,7 @@ export function orderableDocumentListDeskItem(config: OrderableListConfig) {
  .intent({type: 'create', params: {type}})
  .serialize(),
  S.menuItem().title(`Reset Order`).icon(GenerateIcon).action(`resetOrder`).serialize(),
- S.menuItem().title(`Show Increments`).icon(SortIcon).action(`showIncrements`).serialize(),
+ S.menuItem().title(`Toggle Increments`).icon(SortIcon).action(`showIncrements`).serialize(),
  ],
  })
  )

diff --git a/src/fields/orderRankOrdering.ts b/src/fields/orderRankOrdering.ts
@@ -1,6 +1,7 @@
+import { SortOrdering } from 'sanity'
 import {ORDER_FIELD_NAME} from '../helpers/constants'
 
-export const orderRankOrdering = {
+export const orderRankOrdering: SortOrdering = {
  title: 'Ordered',
  name: 'ordered',
  by: [{field: ORDER_FIELD_NAME, direction: 'asc'}],