diff --git a/packages/edit-site/src/components/dataviews/view-list.js b/packages/edit-site/src/components/dataviews/view-list.js index 4125650e01d44..a08993b3aba82 100644 --- a/packages/edit-site/src/components/dataviews/view-list.js +++ b/packages/edit-site/src/components/dataviews/view-list.js @@ -320,7 +320,7 @@ function ViewList( { * @return {Array} The transformed TanStack column filters. */ const toTanStackColumnFilters = ( filters ) => - filters.map( ( filter ) => ( { + filters?.map( ( filter ) => ( { [ filter.field + ':' + filter.operator ]: filter.value, } ) ); diff --git a/packages/edit-site/src/components/page-templates/dataviews-templates.js b/packages/edit-site/src/components/page-templates/dataviews-templates.js index cfc899000df6c..237a76dcd79a3 100644 --- a/packages/edit-site/src/components/page-templates/dataviews-templates.js +++ b/packages/edit-site/src/components/page-templates/dataviews-templates.js @@ -12,10 +12,9 @@ import { __experimentalVStack as VStack, } from '@wordpress/components'; import { __ } from '@wordpress/i18n'; -import { useState, useMemo, useCallback, useEffect } from '@wordpress/element'; +import { useState, useMemo, useCallback } from '@wordpress/element'; import { useEntityRecords } from '@wordpress/core-data'; import { decodeEntities } from '@wordpress/html-entities'; -import { privateApis as routerPrivateApis } from '@wordpress/router'; /** * Internal dependencies @@ -25,11 +24,7 @@ import Link from '../routes/link'; import AddedBy from '../list/added-by'; import { TEMPLATE_POST_TYPE } from '../../utils/constants'; import { DataViews } from '../dataviews'; -import DEFAULT_VIEWS from './default-views'; import { useResetTemplateAction } from './template-actions'; -import { unlock } from '../../lock-unlock'; - -const { useLocation } = unlock( routerPrivateApis ); const EMPTY_ARRAY = []; const defaultConfigPerViewType = { @@ -37,23 +32,24 @@ const defaultConfigPerViewType = { grid: {}, }; +const DEFAULT_VIEW = { + type: 'list', + search: '', + page: 1, + perPage: 5, //20, + // All fields are visible by default, so it's + // better to keep track of the hidden ones. + hiddenFields: [], + layout: {}, +}; + function normalizeSearchInput( input = '' ) { return removeAccents( input.trim().toLowerCase() ); } export default function DataviewsTemplates() { - const { - params: { path, activeView = 'all' }, - } = useLocation(); - const initialView = DEFAULT_VIEWS.find( - ( { slug } ) => slug === activeView - ).view; - const [ view, setView ] = useState( initialView ); - useEffect( () => { - setView( - DEFAULT_VIEWS.find( ( { slug } ) => slug === activeView ).view - ); - }, [ path, activeView ] ); + const [ view, setView ] = useState( DEFAULT_VIEW ); + const { records: allTemplates, isResolving: isLoadingData } = useEntityRecords( 'postType', TEMPLATE_POST_TYPE, { per_page: -1, @@ -130,11 +126,6 @@ export default function DataviewsTemplates() { ) || __( '(no title)' ) } - { item.description && ( - - { decodeEntities( item.description ) } - - ) } ); }, @@ -143,8 +134,23 @@ export default function DataviewsTemplates() { enableHiding: false, }, { - header: __( 'Added by' ), - id: 'added-by', + header: __( 'Description' ), + id: 'description', + getValue: ( { item } ) => item.description, + render: ( { item } ) => { + return ( + item.description && ( + + { decodeEntities( item.description ) } + + ) + ); + }, + enableSorting: false, + }, + { + header: __( 'Author' ), + id: 'author', getValue: () => {}, render: ( { item } ) => { return ( diff --git a/packages/edit-site/src/components/page-templates/default-views.js b/packages/edit-site/src/components/page-templates/default-views.js deleted file mode 100644 index 1bcb36379f1b5..0000000000000 --- a/packages/edit-site/src/components/page-templates/default-views.js +++ /dev/null @@ -1,25 +0,0 @@ -/** - * WordPress dependencies - */ -import { __ } from '@wordpress/i18n'; - -const DEFAULT_TEMPLATE_BASE = { - type: 'list', - search: '', - page: 1, - perPage: 5, - // All fields are visible by default, so it's - // better to keep track of the hidden ones. - hiddenFields: [], - layout: {}, -}; - -const DEFAULT_VIEWS = [ - { - title: __( 'All' ), - slug: 'all', - view: { ...DEFAULT_TEMPLATE_BASE }, - }, -]; - -export default DEFAULT_VIEWS;