From cbc50888d5dfe38fe57727c4cdfee11fda19922d Mon Sep 17 00:00:00 2001
From: Tommaso Casaburi <tom@bitsocial.net>
Date: Sun, 10 May 2026 14:34:30 +0700
Subject: [PATCH] fix(settings): move pure p2p toggle below fields

---
 .../advanced-settings/__tests__/advanced-settings.test.tsx | 7 +++++++
 .../settings-modal/advanced-settings/advanced-settings.tsx | 2 +-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/components/settings-modal/advanced-settings/__tests__/advanced-settings.test.tsx b/src/components/settings-modal/advanced-settings/__tests__/advanced-settings.test.tsx
index 70a71975..7be53db8 100644
--- a/src/components/settings-modal/advanced-settings/__tests__/advanced-settings.test.tsx
+++ b/src/components/settings-modal/advanced-settings/__tests__/advanced-settings.test.tsx
@@ -81,6 +81,12 @@ const clickButton = async (text: string) => {
   });
 };
 
+const getSaveAdvancedSettingsButton = () => {
+  const button = Array.from(container.querySelectorAll('button')).find((candidate) => candidate.textContent === 'save_advanced_settings');
+  expect(button).toBeTruthy();
+  return button as HTMLButtonElement;
+};
+
 describe('AdvancedSettings', () => {
   beforeEach(() => {
     vi.clearAllMocks();
@@ -199,6 +205,7 @@ describe('AdvancedSettings', () => {
     expect(checkbox?.checked).toBe(false);
     expect(container.textContent).not.toContain('pure P2P:');
     expect(checkbox?.closest('label')?.nextElementSibling?.textContent).toBe('enable_pure_p2p_tip');
+    expect(getSaveAdvancedSettingsButton().previousElementSibling).toBe(checkbox?.closest('div'));
 
     await act(async () => {
       checkbox?.click();
diff --git a/src/components/settings-modal/advanced-settings/advanced-settings.tsx b/src/components/settings-modal/advanced-settings/advanced-settings.tsx
index 17c061c3..7155d37b 100644
--- a/src/components/settings-modal/advanced-settings/advanced-settings.tsx
+++ b/src/components/settings-modal/advanced-settings/advanced-settings.tsx
@@ -317,7 +317,6 @@ const AdvancedSettings = () => {
 
   return (
     <div className={styles.content}>
-      {canConfigureBrowserPureP2P() && <PureP2PBrowserSettings pureP2PBrowserRef={pureP2PBrowserRef} />}
       <div className={styles.category}>
         <span className={styles.categoryTitle}>IPFS gateways:</span>
         <span className={styles.categorySettings}>
@@ -358,6 +357,7 @@ const AdvancedSettings = () => {
           </span>
         </div>
       )}
+      {canConfigureBrowserPureP2P() && <PureP2PBrowserSettings pureP2PBrowserRef={pureP2PBrowserRef} />}
       <button className={styles.saveOptions} onClick={handleSave}>
         {t('save_advanced_settings')}
       </button>