From e82a55e9582fbd6d84f3f4510b04480c35e41fe4 Mon Sep 17 00:00:00 2001
From: AAGaming <aagaming@riseup.net>
Date: Mon, 26 Oct 2026 23:50:59 -0400
Subject: feat: initial VERY VERY incomplete steam frame support

---
 .../components/settings/pages/developer/index.tsx  | 33 ++++++++--------------
 1 file changed, 12 insertions(+), 21 deletions(-)

(limited to 'frontend/src/components/settings/pages')

diff --git a/frontend/src/components/settings/pages/developer/index.tsx b/frontend/src/components/settings/pages/developer/index.tsx
index 17187675..b6a337f0 100644
--- a/frontend/src/components/settings/pages/developer/index.tsx
+++ b/frontend/src/components/settings/pages/developer/index.tsx
@@ -9,7 +9,7 @@ import {
   Toggle,
   showModal,
 } from '@decky/ui';
-import { useRef, useState } from 'react';
+import { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { FaFileArchive, FaLink, FaReact, FaSteamSymbol, FaTerminal } from 'react-icons/fa';
 
@@ -49,7 +49,6 @@ export default function DeveloperSettings() {
   const [acceptedWarning, setAcceptedWarning] = useSetting<boolean>('developer.warn.third_party', false);
   const waitTime = acceptedWarning ? 0 : 5;
   const [pluginURL, setPluginURL] = useState('');
-  const textRef = useRef<HTMLDivElement>(null);
   const { t } = useTranslation();
 
   return (
@@ -82,13 +81,6 @@ export default function DeveloperSettings() {
         </Field>
         <Field
           label={t('SettingsDeveloperIndex.third_party_plugins.label_url')}
-          description={
-            <TextField
-              label={t('SettingsDeveloperIndex.third_party_plugins.label_desc')}
-              value={pluginURL}
-              onChange={(e) => setPluginURL(e?.target.value)}
-            />
-          }
           icon={<FaLink style={{ display: 'block' }} />}
         >
           <DialogButton
@@ -114,6 +106,11 @@ export default function DeveloperSettings() {
             {t('SettingsDeveloperIndex.third_party_plugins.button_install')}
           </DialogButton>
         </Field>
+        <TextField
+          label={t('SettingsDeveloperIndex.third_party_plugins.label_desc')}
+          value={pluginURL}
+          onChange={(e) => setPluginURL(e?.target.value)}
+        />
       </DialogControlsSection>
       <DialogControlsSection>
         <DialogControlsSectionHeader>{t('SettingsDeveloperIndex.header')}</DialogControlsSectionHeader>
@@ -160,18 +157,7 @@ export default function DeveloperSettings() {
         <Field
           label={t('SettingsDeveloperIndex.react_devtools.label')}
           description={
-            <>
-              <span style={{ whiteSpace: 'pre-line' }}>{t('SettingsDeveloperIndex.react_devtools.desc')}</span>
-              <br />
-              <br />
-              <div ref={textRef}>
-                <TextField
-                  label={t('SettingsDeveloperIndex.react_devtools.ip_label')}
-                  value={reactDevtoolsIP}
-                  onChange={(e) => setReactDevtoolsIP(e?.target.value)}
-                />
-              </div>
-            </>
+            <span style={{ whiteSpace: 'pre-line' }}>{t('SettingsDeveloperIndex.react_devtools.desc')}</span>
           }
           icon={<FaReact style={{ display: 'block' }} />}
         >
@@ -184,6 +170,11 @@ export default function DeveloperSettings() {
             }}
           />
         </Field>
+        <TextField
+          label={t('SettingsDeveloperIndex.react_devtools.ip_label')}
+          value={reactDevtoolsIP}
+          onChange={(e) => setReactDevtoolsIP(e?.target.value)}
+        />
       </DialogControlsSection>
     </DialogBody>
   );
-- 
cgit v1.2.3