fix(next): cannot override tab of default views

[chmielulu]

What?

TypeScript says that it is possible to modify the tab of the default view however, when you specify the path to the custom component, nothing happens. I fixed it.

How?

If a Component for the tab of the default view is defined in the config, I return that Component instead of DocumentTab

Example Configuration

config.ts

export const MenuGlobal: GlobalConfig = {
  slug: menuSlug,
  fields: [
    {
      name: 'globalText',
      type: 'text',
    },
  ],
  admin: {
    components: {
      views: {
        edit: {
          api: {
            tab: {
              Component: './TestComponent.tsx',
            },
          },
        },
      },
    },
  },
}

./TestComponent.tsx

const TestComponent = () => 'example'

export default TestComponent

Before

After

[chmielulu]

Hi @jacobsfletch, what is the status of my PR? It's a blocker for my task.

[jacobsfletch]

@chmielulu this looks good! One last thing to do here is to add a test. This can be done in admin test suite. You can see how we do this for other tab-related features here:

payload/test/admin/collections/CustomViews2.ts

Line 55 in 2362899

Component: '/components/views/CustomTabComponent/index.js#CustomTabComponentView',

. Just reuse this same component in place of one of the default tabs.

[chmielulu]

@jacobsfletch I've added tests :)

[chmielulu]

@jacobsfletch Just a friendly reminder, thanks in advance! 😃

[chmielulu]

Bump.

@jacobsfletch what is the status of my PR?

[jacobsfletch]

Looks good!

[github-actions]

🚀 This is included in version v3.41.0