woocommerce/plugins/woocommerce-admin/js/src/dashboard/index.js

40 lines
1.1 KiB
JavaScript
Raw Normal View History

/** @format */
/**
* External dependencies
*/
import { __, _n, sprintf } from '@wordpress/i18n';
import { applyFilters } from '@wordpress/hooks';
import { Button } from '@wordpress/components';
import { Component } from '@wordpress/element';
/**
* External dependencies
*/
import './style.scss';
import useFilters from '../use-filters';
class Dashboard extends Component {
render() {
return (
<div>
<h2>{ applyFilters( 'woodash.example2', __( 'Example Widget', 'woo-dash' ) ) }</h2>
<div className="wd_widget">
<div className="wd_widget-item">
{ sprintf( _n( '%d New Customer', '%d New Customers', 4, 'woo-dash' ), 4 ) }
</div>
<div className="wd_widget-item">
{ sprintf( _n( '%d New Order', '%d New Orders', 10, 'woo-dash' ), 10 ) }
</div>
<div className="wd_widget-item">
<Button isPrimary href="#">{ __( 'View Orders', 'woo-dash' ) }</Button>
</div>
</div>
<h3>{ applyFilters( 'woodash.example', __( 'Example Text', 'woo-dash' ) ) }</h3>
</div>
);
}
}
export default useFilters( [ 'woodash.example', 'woodash.example2' ] )( Dashboard );