🚚 Move settings-tab files to correct folder

modules/ppcp-settings/resources/js/Components/ReusableComponents/Controls/ControlButton.js

@@ -9,7 +9,12 @@ const ControlButton = ( {
 	buttonLabel,
 } ) => (
 	<Action>
-		<Button isBusy={ isBusy } variant={ type } onClick={ onClick }>
+		<Button
+			className="small-button"
+			isBusy={ isBusy }
+			variant={ type }
+			onClick={ onClick }
+		>
 			{ buttonLabel }
 		</Button>
 	</Action>

modules/ppcp-settings/resources/js/Components/Screens/Settings/Components/Settings/Blocks/ConnectionDetails.js

@@ -4,9 +4,9 @@ import { Button } from '@wordpress/components';
 import {
 	ControlTextInput,
 	ControlRadioGroup,
-} from '../../../../ReusableComponents/Controls';
-import Accordion from '../../../../ReusableComponents/AccordionSection';
-import SettingsBlock from '../../../../ReusableComponents/SettingsBlock';
+} from '../../../../../ReusableComponents/Controls';
+import Accordion from '../../../../../ReusableComponents/AccordionSection';
+import SettingsBlock from '../../../../../ReusableComponents/SettingsBlock';
 
 const ConnectionDetails = ( { settings, updateFormValue } ) => {
 	const isSandbox = settings.sandboxConnected;

modules/ppcp-settings/resources/js/Components/Screens/Settings/Components/Settings/Blocks/HooksListBlock.js

@@ -4,7 +4,7 @@ import { CommonHooks } from '../../../../../../data';
 import SettingsBlock from '../../../../../ReusableComponents/SettingsBlock';
 import { Title } from '../../../../../ReusableComponents/Elements';
 
-const HooksTableBlock = () => {
+const HooksListBlock = () => {
 	const { webhooks } = CommonHooks.useWebhooks();
 	const { url, events } = webhooks;
 
@@ -46,4 +46,4 @@ const WebhookEvents = ( { events } ) => {
 	);
 };
 
-export default HooksTableBlock;
+export default HooksListBlock;

modules/ppcp-settings/resources/js/Components/Screens/Settings/Components/Settings/Blocks/OtherSettings.js

@@ -1,9 +1,9 @@
 import { __ } from '@wordpress/i18n';
 
-import Accordion from '../../../../ReusableComponents/AccordionSection';
-import SettingsBlock from '../../../../ReusableComponents/SettingsBlock';
-import { ControlSelect } from '../../../../ReusableComponents/Controls';
-import { SettingsHooks } from '../../../../../data';
+import Accordion from '../../../../../ReusableComponents/AccordionSection';
+import SettingsBlock from '../../../../../ReusableComponents/SettingsBlock';
+import { ControlSelect } from '../../../../../ReusableComponents/Controls';
+import { SettingsHooks } from '../../../../../../data';
 
 const OtherSettings = () => {
 	const { disabledCards, setDisabledCards } = SettingsHooks.useSettings();

modules/ppcp-settings/resources/js/Components/Screens/Settings/Components/Settings/Blocks/PaypalSettings.js

@@ -5,10 +5,10 @@ import {
 	ControlToggleButton,
 	ControlTextInput,
 	ControlSelect,
-} from '../../../../ReusableComponents/Controls';
-import SettingsBlock from '../../../../ReusableComponents/SettingsBlock';
-import Accordion from '../../../../ReusableComponents/AccordionSection';
-import { SettingsHooks } from '../../../../../data';
+} from '../../../../../ReusableComponents/Controls';
+import SettingsBlock from '../../../../../ReusableComponents/SettingsBlock';
+import Accordion from '../../../../../ReusableComponents/AccordionSection';
+import { SettingsHooks } from '../../../../../../data';
 
 const PaypalSettings = () => {
 	const {

modules/ppcp-settings/resources/js/Components/Screens/Settings/Components/Settings/Blocks/Troubleshooting.js

@@ -6,7 +6,7 @@ import Accordion from '../../../../../ReusableComponents/AccordionSection';
 
 import SimulationBlock from './SimulationBlock';
 import ResubscribeBlock from './ResubscribeBlock';
-import HooksTableBlock from './HooksTableBlock';
+import HooksListBlock from './HooksListBlock';
 import { SettingsHooks } from '../../../../../../data';
 
 const Troubleshooting = () => {
@@ -43,7 +43,7 @@ const Troubleshooting = () => {
 					'https://woocommerce.com/document/woocommerce-paypal-payments/#webhook-status'
 				) }
 			>
-				<HooksTableBlock />
+				<HooksListBlock />
 				<ResubscribeBlock />
 				<SimulationBlock />
 			</SettingsBlock>

modules/ppcp-settings/resources/js/Components/Screens/Settings/Components/Settings/ExpertSettings.js

@@ -4,10 +4,10 @@ import {
 	Content,
 	ContentWrapper,
 } from '../../../../ReusableComponents/Elements';
-import ConnectionDetails from '../../../Overview/TabSettingsElements/Blocks/ConnectionDetails';
-import Troubleshooting from '../../../Overview/TabSettingsElements/Blocks/Troubleshooting/Troubleshooting';
-import PaypalSettings from '../../../Overview/TabSettingsElements/Blocks/PaypalSettings';
-import OtherSettings from '../../../Overview/TabSettingsElements/Blocks/OtherSettings';
+import ConnectionDetails from './Blocks/ConnectionDetails';
+import Troubleshooting from './Blocks/Troubleshooting';
+import PaypalSettings from './Blocks/PaypalSettings';
+import OtherSettings from './Blocks/OtherSettings';
 
 const ExpertSettings = () => {
 	const settings = {}; // dummy object