woocommerce/woocommerce-paypal-payments
2
0
Fork 0
mirror of https://github.com/woocommerce/woocommerce-paypal-payments.git synced 2025-09-05 08:59:14 +08:00
Code Issues Projects Packages Wiki Activity Actions 7

♻️ Sample implementation of seller-type in JS

Browse source
This commit is contained in:
Philipp Stracker 2025-02-10 18:54:31 +01:00
parent b387fff9ef
commit 988d221a98
No known key found for this signature in database
2 changed files with 8 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

9
modules/ppcp-settings/resources/js/Components/Screens/Settings/Components/Settings/ConnectionStatus.js
View file

@ -1,4 +1,5 @@
import { __ } from '@wordpress/i18n'; import { __ } from '@wordpress/i18n';
import classNames from 'classnames';
import SettingsCard from '../../../../ReusableComponents/SettingsCard'; import SettingsCard from '../../../../ReusableComponents/SettingsCard';
import { CommonHooks } from '../../../../../data'; import { CommonHooks } from '../../../../../data';
@ -8,11 +9,15 @@ import SettingsBlock from '../../../../ReusableComponents/SettingsBlock';
import { ControlStaticValue } from '../../../../ReusableComponents/Controls'; import { ControlStaticValue } from '../../../../ReusableComponents/Controls';
const ConnectionStatus = () => { const ConnectionStatus = () => {
const { merchant } = CommonHooks.useMerchantInfo(); const merchant = CommonHooks.useMerchant();
const className = classNames( 'ppcp-connection-details ppcp--value-list', {
'ppcp--type-business': merchant.isBusinessSeller,
'ppcp--type-casual': merchant.isCasualSeller,
} );
return ( return (
<SettingsCard <SettingsCard
className="ppcp-connection-details ppcp--value-list" className={ className }
title={ __( 'Connection status', 'woocommerce-paypal-payments' ) } title={ __( 'Connection status', 'woocommerce-paypal-payments' ) }
description={ <ConnectionDescription /> } description={ <ConnectionDescription /> }
> >

1
modules/ppcp-settings/resources/js/Components/Screens/Settings/index.js
View file

@ -5,6 +5,7 @@ import { getSettingsTabs } from './Tabs';
const SettingsScreen = ( { activePanel, setActivePanel } ) => { const SettingsScreen = ( { activePanel, setActivePanel } ) => {
const tabs = getSettingsTabs(); const tabs = getSettingsTabs();
const { Component } = tabs.find( ( tab ) => tab.name === activePanel ); const { Component } = tabs.find( ( tab ) => tab.name === activePanel );
return ( return (
<> <>
<SettingsNavigation <SettingsNavigation