chore(templates): improve types for rowLabel custom components

payloadcms · Jan 23, 2025 · d1003af · d1003af
1 parent 5689c65
commit d1003af
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 8 deletions.
diff --git a/templates/website/src/Footer/RowLabel.tsx b/templates/website/src/Footer/RowLabel.tsx
@@ -1,8 +1,9 @@
 'use client'
 import { Header } from '@/payload-types'
-import { RowLabelProps, useRowLabel } from '@payloadcms/ui'
+import { useRowLabel } from '@payloadcms/ui'
+import type { ArrayFieldClientProps } from 'payload'
 
-export const RowLabel: React.FC<RowLabelProps> = () => {
+export const RowLabel: React.FC<ArrayFieldClientProps> = () => {
   const data = useRowLabel<NonNullable<Header['navItems']>[number]>()
 
   const label = data?.data?.link?.label

diff --git a/templates/website/src/Header/RowLabel.tsx b/templates/website/src/Header/RowLabel.tsx
@@ -1,8 +1,9 @@
 'use client'
 import { Header } from '@/payload-types'
-import { RowLabelProps, useRowLabel } from '@payloadcms/ui'
+import { useRowLabel } from '@payloadcms/ui'
+import type { ArrayFieldClientProps } from 'payload'
 
-export const RowLabel: React.FC<RowLabelProps> = () => {
+export const RowLabel: React.FC<ArrayFieldClientProps> = () => {
   const data = useRowLabel<NonNullable<Header['navItems']>[number]>()
 
   const label = data?.data?.link?.label

diff --git a/templates/with-vercel-website/src/Footer/RowLabel.tsx b/templates/with-vercel-website/src/Footer/RowLabel.tsx
@@ -1,8 +1,9 @@
 'use client'
 import { Header } from '@/payload-types'
-import { RowLabelProps, useRowLabel } from '@payloadcms/ui'
+import { useRowLabel } from '@payloadcms/ui'
+import type { ArrayFieldClientProps } from 'payload'
 
-export const RowLabel: React.FC<RowLabelProps> = (props) => {
+export const RowLabel: React.FC<ArrayFieldClientProps> = () => {
   const data = useRowLabel<NonNullable<Header['navItems']>[number]>()
 
   const label = data?.data?.link?.label

diff --git a/templates/with-vercel-website/src/Header/RowLabel.tsx b/templates/with-vercel-website/src/Header/RowLabel.tsx
@@ -1,8 +1,9 @@
 'use client'
 import { Header } from '@/payload-types'
-import { RowLabelProps, useRowLabel } from '@payloadcms/ui'
+import { useRowLabel } from '@payloadcms/ui'
+import type { ArrayFieldClientProps } from 'payload'
 
-export const RowLabel: React.FC<RowLabelProps> = (props) => {
+export const RowLabel: React.FC<ArrayFieldClientProps> = () => {
   const data = useRowLabel<NonNullable<Header['navItems']>[number]>()
 
   const label = data?.data?.link?.label