feat(core): add i18n primitives to GridArrayInput + ListArrayInput

sanity-io · Aug 24, 2023 · a0cd4fd · a0cd4fd
1 parent 3ffcc85
commit a0cd4fd
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 2 deletions.
diff --git a/packages/sanity/src/core/form/inputs/arrays/ArrayOfObjectsInput/Grid/GridArrayInput.tsx b/packages/sanity/src/core/form/inputs/arrays/ArrayOfObjectsInput/Grid/GridArrayInput.tsx
@@ -7,6 +7,7 @@ import {ArrayOfObjectsItem} from '../../../../members'
 import {createProtoArrayValue} from '../createProtoArrayValue'
 import {UploadTargetCard} from '../../common/UploadTargetCard'
 import {ArrayOfObjectsFunctions} from '../ArrayOfObjectsFunctions'
+import {useTranslation} from '../../../../../i18n'
 import {GridItem} from './GridItem'
 import {ErrorItem} from './ErrorItem'
 
@@ -32,6 +33,7 @@ export function GridArrayInput<Item extends ObjectItem>(props: ArrayOfObjectsInp
     schemaType,
     value = EMPTY,
   } = props
+  const {t} = useTranslation()
 
   const handlePrepend = useCallback(
     (item: Item) => {
@@ -69,7 +71,7 @@ export function GridArrayInput<Item extends ObjectItem>(props: ArrayOfObjectsInp
           {members?.length === 0 && (
             <Card padding={3} border style={{borderStyle: 'dashed'}} radius={2}>
               <Text align="center" muted size={1}>
-                {schemaType.placeholder || <>No items</>}
+                {schemaType.placeholder || <>{t('arrayInput.no-items-label')}</>}
               </Text>
             </Card>
           )}

diff --git a/packages/sanity/src/core/form/inputs/arrays/ArrayOfObjectsInput/List/ListArrayInput.tsx b/packages/sanity/src/core/form/inputs/arrays/ArrayOfObjectsInput/List/ListArrayInput.tsx
@@ -17,6 +17,7 @@ import {ArrayOfObjectsItem} from '../../../../members'
 import {createProtoArrayValue} from '../createProtoArrayValue'
 import {UploadTargetCard} from '../../common/UploadTargetCard'
 import {ArrayOfObjectsFunctions} from '../ArrayOfObjectsFunctions'
+import {useTranslation} from '../../../../../i18n'
 import {useVirtualizerScrollInstance} from './useVirtualizerScrollInstance'
 import {ErrorItem} from './ErrorItem'
 import {useMemoCompare} from './useMemoCompare'
@@ -45,6 +46,7 @@ export function ListArrayInput<Item extends ObjectItem>(props: ArrayOfObjectsInp
     schemaType,
     value = EMPTY,
   } = props
+  const {t} = useTranslation()
 
   // Stores the index of the item being dragged
   const [activeDragItemIndex, setActiveDragItemIndex] = useState<number | null>(null)
@@ -197,7 +199,7 @@ export function ListArrayInput<Item extends ObjectItem>(props: ArrayOfObjectsInp
           {members.length === 0 ? (
             <Card padding={3} border style={{borderStyle: 'dashed'}} radius={2}>
               <Text align="center" muted size={1}>
-                {schemaType.placeholder || <>No items</>}
+                {schemaType.placeholder || <>{t('arrayInput.no-items-label')}</>}
               </Text>
             </Card>
           ) : (

diff --git a/packages/sanity/src/core/i18n/bundles/studio.ts b/packages/sanity/src/core/i18n/bundles/studio.ts
@@ -71,6 +71,9 @@ export const studioLocaleStrings = {
 
   /** --- Array Input --- */
 
+  /** Label for when the array input doesn't have any items */
+  'arrayInput.no-items-label': 'No items',
+
   /** Label for removing action when an array item has an error  */
   'arrayInput.action.remove': 'Remove',