Steve-Dee-Designs
/
woocommerce
mirror of https://github.com/woocommerce/woocommerce.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Remove `qs` dependency from `EmbeddedBodyLayout`, 

use native `URLSearchParams` instead.
This commit is contained in:
Tomek Wytrębowicz 2022-10-17 17:12:20 +02:00
parent 76c40951c2
commit 1baac3445e
1 changed files with 5 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
plugins/woocommerce-admin/client/embedded-body-layout/embedded-body-layout.tsx
View File

@ -2,7 +2,6 @@
* External dependencies
*/
import { applyFilters } from '@wordpress/hooks';
import QueryString, { parse } from 'qs';
/**
* Internal dependencies
@ -16,9 +15,9 @@ import './style.scss';
type QueryParams = EmbeddedBodyProps;
function isWPPage(
params: QueryParams | QueryString.ParsedQs
): params is QueryParams {
return ( params as QueryParams ).page !== undefined;
params: URLSearchParams
): Boolean {
return params.get( 'page' ) !== null;
}
const EMBEDDED_BODY_COMPONENT_LIST: React.ElementType[] = [
@ -34,10 +33,10 @@ const EMBEDDED_BODY_COMPONENT_LIST: React.ElementType[] = [
* Each Fill component receives QueryParams, consisting of a page, tab, and section string.
*/
export const EmbeddedBodyLayout = () => {
const query = parse( location.search.substring( 1 ) );
const query = new URLSearchParams( location.search );
let queryParams: QueryParams = { page: '', tab: '' };
if ( isWPPage( query ) ) {
queryParams = query;
queryParams = Object.fromEntries( query ) as QueryParams;
}
/**
* Filter an array of body components for WooCommerce non-react pages.