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

Fix typo and lint

This commit is contained in:
Dan Q 2023-09-21 15:11:19 +01:00
parent 40428ec704
commit b05a5abc10
1 changed files with 41 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

56
plugins/woocommerce-admin/client/marketplace/components/my-subscriptions/my-subscriptions.tsx
View File

@ -15,8 +15,23 @@ import { Subscription } from './types';
import './my-subscriptions.scss'; import './my-subscriptions.scss';
export default function MySubscriptions(): JSX.Element { export default function MySubscriptions(): JSX.Element {
const updateConnectionUrl = getNewPath( { page: 'wc-addons', section: 'helper', filter: 'all', 'wc-helper-refresh': 1, 'wc-helper-nonce': getAdminSetting( 'wc_helper_nonces' ).refresh }, '' ); const updateConnectionUrl = getNewPath(
const updateConnectionHTML = sprintf( __( "If you don't see your subscription, try <a href=\"%s\">updating</a> your connection.", 'woocommerce' ), updateConnectionUrl ); {
page: 'wc-addons',
section: 'helper',
filter: 'all',
'wc-helper-refresh': 1,
'wc-helper-nonce': getAdminSetting( 'wc_helper_nonces' ).refresh,
},
''
);
const updateConnectionHTML = sprintf(
__(
'If you don\'t see your subscription, try <a href="%s">updating</a> your connection.',
'woocommerce'
),
updateConnectionUrl
);
const tableHeadersInstalled = [ const tableHeadersInstalled = [
{ {
@ -49,7 +64,7 @@ export default function MySubscriptions(): JSX.Element {
label: __( 'Actions', 'woocommerce' ), label: __( 'Actions', 'woocommerce' ),
}, },
]; ];
const subscriptionsInstalled:Array<Subscription> = []; const subscriptionsInstalled: Array< Subscription > = [];
const tableHeadersAvailable = [ const tableHeadersAvailable = [
{ {
@ -82,25 +97,35 @@ export default function MySubscriptions(): JSX.Element {
label: __( 'Actions', 'woocommerce' ), label: __( 'Actions', 'woocommerce' ),
}, },
]; ];
const subscriptionsAvailable:Array<Subscription> = []; const subscriptionsAvailable: Array< Subscription > = [];
return ( return (
<div className="woocommerce-marketplace__my-subscriptions"> <div className="woocommerce-marketplace__my-subscriptions">
<section> <section>
<h2> <h2>{ __( 'Installed on this store', 'woocommerce' ) }</h2>
{ __( 'Installed on this store', 'woocommerce' ) }
</h2>
<p> <p>
<span dangerouslySetInnerHTML={{ __html: updateConnectionHTML }} /> <span
dangerouslySetInnerHTML={ {
__html: updateConnectionHTML,
} }
/>
<Tooltip <Tooltip
text={ text={
<> <>
<h3>Still don't see your subscriptions?</h3> <h3>Still don't see your subscriptions?</h3>
<p>To see all your subscriptions go to your account on WooCommerce.com.</p> <p>
To see all your subscriptions go to your
account on WooCommerce.com.
</p>
</> </>
} }
> >
<Button icon={help} iconSize={20} isSmall={true} label={ __( 'Help', 'woocommerce' )} /> <Button
icon={ help }
iconSize={ 20 }
isSmall={ true }
label={ __( 'Help', 'woocommerce' ) }
/>
</Tooltip> </Tooltip>
</p> </p>
<Table <Table
@ -120,14 +145,15 @@ export default function MySubscriptions(): JSX.Element {
</section> </section>
<section> <section>
<h2> <h2>{ __( 'Available', 'woocommerce' ) }</h2>
{ __( 'Available', 'woocommerce' ) }
</h2>
<p> <p>
{ __( 'Your unused and free WooCommerce.com subscriptions.', 'woocommerce' ) } { __(
'Your unused and free WooCommerce.com subscriptions.',
'woocommerce'
) }
</p> </p>
<Table <Table
headers={ tableHeadersInstalled } headers={ tableHeadersAvailable }
rows={ subscriptionsAvailable.map( ( item ) => { rows={ subscriptionsAvailable.map( ( item ) => {
return [ return [
{ display: item.name }, { display: item.name },