import React, { Component } from 'react'; import { compose } from '@wordpress/compose'; import { withSelect, withDispatch } from '@wordpress/data'; import { __ } from '@wordpress/i18n'; import { store } from '../data'; import { defaultPost } from '../data/defaults'; import { Post } from '../types'; import Edit from './edit'; import List from './list'; import { Button } from '@/components/ui/button'; interface ManagerProps { canCreate: boolean; onSetCurrentPost: ( post: Post | Partial ) => void; onSelect?: ( post: Post ) => void; } interface ManagerState { view: 'list' | 'edit'; } class Manager extends Component { static defaultProps: Partial = { canCreate: false }; state: ManagerState = { view: 'list' }; render() { const { canCreate, onSelect, onSetCurrentPost } = this.props; const { view } = this.state; const states: Record React.ReactNode }> = { list: { title: __( 'Audiences', 'altis' ), body: () => ( canCreate ? ( ) : null } onEdit={ ( post?: Post ) => { onSetCurrentPost( ( post || defaultPost ) as Post ); this.setState( { view: 'edit' } ); } } onSelect={ onSelect } /> ), }, edit: { title: __( 'Edit Audience', 'altis' ), body: () => ( this.setState( { view: 'list' } ) } /> ), }, }; const Body = states[ view ].body; return (

); } } const applyWithSelect = withSelect( ( select: any ) => { const { canUser } = select( 'core' ); return { canCreate: canUser( 'create', 'audiences' ) }; } ); const applyWithDispatch = withDispatch( ( dispatch: any ) => { const { setCurrentPost } = dispatch( store ); return { onSetCurrentPost: setCurrentPost }; } ); export default compose( applyWithSelect, applyWithDispatch )( Manager ) as React.ComponentType;