2022-08-03 17:42:22 +00:00
|
|
|
/**
|
|
|
|
* External dependencies
|
|
|
|
*/
|
|
|
|
import { recordEvent } from '@woocommerce/tracks';
|
|
|
|
import { useEffect } from '@wordpress/element';
|
|
|
|
|
2022-08-04 13:15:30 +00:00
|
|
|
/**
|
|
|
|
* Internal dependencies
|
|
|
|
*/
|
|
|
|
import { ProductFormLayout } from './layout/product-form-layout';
|
|
|
|
import { ProductDetailsSection } from './sections/product-details-section';
|
|
|
|
import { ProductImagesSection } from './sections/product-images-section';
|
|
|
|
|
|
|
|
const AddProductPage: React.FC = () => {
|
2022-08-03 17:42:22 +00:00
|
|
|
useEffect( () => {
|
|
|
|
recordEvent( 'view_new_product_management_experience' );
|
|
|
|
}, [] );
|
|
|
|
return (
|
|
|
|
<div className="woocommerce-add-product">
|
2022-08-04 13:15:30 +00:00
|
|
|
<ProductFormLayout>
|
|
|
|
<ProductDetailsSection />
|
|
|
|
<ProductImagesSection />
|
|
|
|
</ProductFormLayout>
|
2022-08-03 17:42:22 +00:00
|
|
|
</div>
|
|
|
|
);
|
|
|
|
};
|
2022-08-04 13:15:30 +00:00
|
|
|
|
|
|
|
export default AddProductPage;
|