67 lines
1.4 KiB
JavaScript
67 lines
1.4 KiB
JavaScript
/**
|
|
* External dependencies
|
|
*/
|
|
import { useSelect } from '@wordpress/data';
|
|
import { Fragment } from '@wordpress/element';
|
|
import { Accordion, AccordionPanel } from '@woocommerce/components';
|
|
import { getSetting } from '@woocommerce/wc-admin-settings';
|
|
|
|
/**
|
|
* Internal dependencies
|
|
*/
|
|
import './style.scss';
|
|
import {
|
|
getLowStockCount,
|
|
getOrderStatuses,
|
|
getUnreadOrders,
|
|
} from './orders/utils';
|
|
import { getAllPanels } from './panels';
|
|
|
|
export const ActivityPanel = () => {
|
|
const panelsData = useSelect( ( select ) => {
|
|
const totalOrderCount = getSetting( 'orderCount', 0 );
|
|
const orderStatuses = getOrderStatuses( select );
|
|
const countUnreadOrders = getUnreadOrders( select, orderStatuses );
|
|
const manageStock = getSetting( 'manageStock', 'no' );
|
|
const countLowStockProducts = getLowStockCount( select );
|
|
|
|
return {
|
|
countLowStockProducts,
|
|
countUnreadOrders,
|
|
manageStock,
|
|
orderStatuses,
|
|
totalOrderCount,
|
|
};
|
|
} );
|
|
|
|
const panels = getAllPanels( panelsData );
|
|
|
|
return (
|
|
<Accordion>
|
|
<Fragment>
|
|
{ panels.map( ( panelData ) => {
|
|
const {
|
|
className,
|
|
count,
|
|
id,
|
|
initialOpen,
|
|
panel,
|
|
title,
|
|
} = panelData;
|
|
return (
|
|
<AccordionPanel
|
|
key={ id }
|
|
className={ className }
|
|
count={ count }
|
|
initialOpen={ initialOpen }
|
|
title={ title }
|
|
>
|
|
{ panel }
|
|
</AccordionPanel>
|
|
);
|
|
} ) }
|
|
</Fragment>
|
|
</Accordion>
|
|
);
|
|
};
|