From a142e232416e8887e254558ec1cb923f32d580e2 Mon Sep 17 00:00:00 2001
From: c0mrade <killmy666@gmail.com>
Date: Thu, 5 Feb 2026 20:48:40 +0300
Subject: [PATCH] refactor: simplify AdminApps to direct config selection on
 click

Remove Disconnect button, Save button, and manual UUID input.
Config cards now apply immediately on click.
---
 src/pages/AdminApps.tsx | 56 +++++------------------------------------
 1 file changed, 6 insertions(+), 50 deletions(-)

diff --git a/src/pages/AdminApps.tsx b/src/pages/AdminApps.tsx
index 21d11a6..e80045c 100644
--- a/src/pages/AdminApps.tsx
+++ b/src/pages/AdminApps.tsx
@@ -1,4 +1,3 @@
-import { useState } from 'react';
 import { useNavigate } from 'react-router-dom';
 import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';
 import { useTranslation } from 'react-i18next';
@@ -14,8 +13,6 @@ export default function AdminApps() {
 
   useBackButton(() => navigate('/admin'));
 
-  const [uuidInput, setUuidInput] = useState('');
-
   // RemnaWave status
   const { data: status } = useQuery({
     queryKey: ['remnawave-status'],
@@ -40,9 +37,7 @@ export default function AdminApps() {
     },
   });
 
-  // Sync input with status on first load
   const currentUuid = status?.config_uuid || '';
-  const inputValue = uuidInput || currentUuid;
 
   return (
     <div className="space-y-6">
@@ -100,9 +95,13 @@ export default function AdminApps() {
             {configs.map((config) => (
               <button
                 key={config.uuid}
-                onClick={() => setUuidInput(config.uuid)}
+                onClick={() => {
+                  if (config.uuid !== currentUuid) {
+                    setUuidMutation.mutate(config.uuid);
+                  }
+                }}
                 className={`w-full rounded-lg border p-4 text-left transition-colors ${
-                  inputValue === config.uuid
+                  currentUuid === config.uuid
                     ? 'border-accent-500 bg-accent-500/10'
                     : 'border-dark-700 bg-dark-800/50 hover:border-dark-600'
                 }`}
@@ -118,49 +117,6 @@ export default function AdminApps() {
           </div>
         )}
       </div>
-
-      {/* UUID input */}
-      <div>
-        <label className="mb-2 block text-sm font-semibold text-dark-300">
-          {t('admin.apps.remnaWaveConfigUuid', 'Config UUID')}
-        </label>
-        <input
-          type="text"
-          value={inputValue}
-          onChange={(e) => setUuidInput(e.target.value)}
-          placeholder="xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx"
-          className="input w-full font-mono text-sm"
-        />
-        <p className="mt-1 text-xs text-dark-500">
-          {t(
-            'admin.apps.remnaWaveConfigUuidHint',
-            'UUID of subscription page config from RemnaWave panel',
-          )}
-        </p>
-      </div>
-
-      {/* Actions */}
-      <div className="flex gap-3">
-        {status?.enabled && (
-          <button
-            onClick={() => {
-              setUuidInput('');
-              setUuidMutation.mutate(null);
-            }}
-            disabled={setUuidMutation.isPending}
-            className="btn-secondary"
-          >
-            {t('admin.apps.disconnect', 'Disconnect')}
-          </button>
-        )}
-        <button
-          onClick={() => setUuidMutation.mutate(inputValue || null)}
-          disabled={setUuidMutation.isPending || inputValue === currentUuid}
-          className="btn-primary"
-        >
-          {setUuidMutation.isPending ? t('common.loading') : t('common.save')}
-        </button>
-      </div>
     </div>
   );
 }