iarv/Remote-Terminal-for-MeshCore
1
0
Fork 1
mirror of https://github.com/jkingsman/Remote-Terminal-for-MeshCore.git synced 2026-05-05 04:52:59 +02:00
Code Issues Packages Projects Releases Wiki Activity

Add save button to DM decrypt attempts and keep settings state consistent with serverside

Browse Source
This commit is contained in:
Jack Kingsman
2026-01-19 12:29:25 -08:00
parent a7d0a8f20b
commit 3cc139e3a5
8 changed files with 56 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
frontend/dist/assets/index-BeFZihz7.js.map vendored
View File

File diff suppressed because one or more lines are too long

42
frontend/dist/assets/index-BeFZihz7.js → frontend/dist/assets/index-CgdvRjQo.js vendored
View File

File diff suppressed because one or more lines are too long

1
frontend/dist/assets/index-CgdvRjQo.js.map vendored Normal file
View File

File diff suppressed because one or more lines are too long

1
frontend/dist/assets/index-CnRBRJ10.css vendored
View File

File diff suppressed because one or more lines are too long

1
frontend/dist/assets/index-DTfLIjxa.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

4
frontend/dist/index.html vendored
View File

@@ -13,8 +13,8 @@
<link rel="shortcut icon" href="/favicon.ico" />
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
<link rel="manifest" href="/site.webmanifest" />
<script type="module" crossorigin src="/assets/index-BeFZihz7.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-CnRBRJ10.css">
<script type="module" crossorigin src="/assets/index-CgdvRjQo.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-DTfLIjxa.css">
</head>
<body>
<div id="root"></div>

1
frontend/src/App.tsx
View File

@@ -967,6 +967,7 @@ export function App() {
const data = await api.getHealth();
setHealth(data);
}}
onRefreshAppSettings={fetchAppSettings}
/>
<Toaster position="top-right" />

44
frontend/src/components/SettingsModal.tsx
View File

@@ -55,6 +55,7 @@ interface SettingsModalProps {
onReboot: () => Promise<void>;
onAdvertise: () => Promise<void>;
onHealthRefresh: () => Promise<void>;
onRefreshAppSettings: () => Promise<void>;
}
export function SettingsModal({
@@ -69,6 +70,7 @@ export function SettingsModal({
onReboot,
onAdvertise,
onHealthRefresh,
onRefreshAppSettings,
}: SettingsModalProps) {
// Tab state
type SettingsTab = 'radio' | 'identity' | 'serial' | 'database' | 'advertise';
@@ -118,6 +120,14 @@ export function SettingsModal({
}
}, [appSettings]);
// Refresh settings from server when modal opens
// This ensures UI reflects actual server state (prevents stale UI after checkbox toggle without save)
useEffect(() => {
if (open) {
onRefreshAppSettings();
}
}, [open, onRefreshAppSettings]);
// Detect current preset from form values
const currentPreset = useMemo(() => {
const freqNum = parseFloat(freq);
@@ -316,16 +326,19 @@ export function SettingsModal({
}
};
const handleToggleAutoDecrypt = async () => {
const newValue = !autoDecryptOnAdvert;
setAutoDecryptOnAdvert(newValue); // Optimistic update
const handleSaveDatabaseSettings = async () => {
setLoading(true);
setError('');
try {
await onSaveAppSettings({ auto_decrypt_dm_on_advert: newValue });
await onSaveAppSettings({ auto_decrypt_dm_on_advert: autoDecryptOnAdvert });
toast.success('Database settings saved');
} catch (err) {
console.error('Failed to save auto-decrypt setting:', err);
setAutoDecryptOnAdvert(!newValue); // Revert on error
toast.error('Failed to save setting');
console.error('Failed to save database settings:', err);
setError(err instanceof Error ? err.message : 'Failed to save');
toast.error('Failed to save settings');
} finally {
setLoading(false);
}
};
@@ -658,26 +671,29 @@ export function SettingsModal({
<div className="space-y-3">
<Label>DM Decryption</Label>
<div
className="flex items-center gap-3 cursor-pointer"
onClick={handleToggleAutoDecrypt}
>
<label className="flex items-center gap-3 cursor-pointer">
<input
type="checkbox"
checked={autoDecryptOnAdvert}
readOnly
className="w-4 h-4 rounded border-input accent-primary pointer-events-none"
onChange={(e) => setAutoDecryptOnAdvert(e.target.checked)}
className="w-4 h-4 rounded border-input accent-primary"
/>
<span className="text-sm">
Auto-decrypt historical DMs when new contact advertises
</span>
</div>
</label>
<p className="text-xs text-muted-foreground">
When enabled, the server will automatically try to decrypt stored DM packets when
a new contact sends an advertisement. This may cause brief delays on large packet
backlogs.
</p>
</div>
{error && <div className="text-sm text-destructive">{error}</div>}
<Button onClick={handleSaveDatabaseSettings} disabled={loading} className="w-full">
{loading ? 'Saving...' : 'Save Settings'}
</Button>
</TabsContent>
{/* Advertise Tab */}