mirror of
https://github.com/comit-network/xmr-btc-swap.git
synced 2025-12-19 10:38:03 -05:00
feat(gui, tauri): Save settings in Tauri storage (#102)
- Implemented dual persistence strategy: - **User Settings**: Persisted across app restarts using `tauri-plugin-store`. - **Transient State**: Persisted across page reloads using `sessionStorage`. - Added `settingsSlice` reducer for managing persistent user settings. - Updated Redux store configuration to handle multiple persistence layers. - Added a new Settings page in the GUI where users can specify custom Electrum RPC URLs for Bitcoin and Monero node URLs. - Users can input their preferred Electrum server (`ssl://host:port`) and Monero daemon (`http://host:port`). - Input fields include validation to ensure correct URL formats. - Settings persist across application restarts using Tauri's storage plugin. - A reset option is available to revert to default settings. - Improved the Daemon Controller in the Help page: - Renamed `RpcControlBox` to `DaemonControlBox` for clarity. - Users can now start the daemon manually if it isn't running or has failed. - Added a "Restart GUI" button to apply new settings immediately. - Displayed the daemon's status within the controller. - Upgraded Tauri and related plugins to stable version `2.0.0`: - Updated `tauri`, `tauri-build`, and `tauri-utils` to `2.0.0`. - Ensured compatibility with the latest stable release. - Updated Tauri plugins to version `2.0.0`: - `tauri-plugin-clipboard-manager` - `tauri-plugin-shell` - Added new plugins: - `tauri-plugin-store` for settings persistence. - `tauri-plugin-process` to enable application relaunch. - Deferred Context initialization until explicitly triggered from the frontend. - Moved Context setup from the `setup` function to a new `initialize_context` Tauri command. - Allows the application to start without immediately initializing the backend context. - Context initialization now considers user-provided settings for Electrum and Monero nodes. - Introduced a `ValidatedTextField` component for form inputs with validation logic. - Provides immediate feedback on input validity. - Used in the Settings page for Electrum and Monero node URLs. - If the user provides an override Monero remote daemon, we check if it reachable and on the correct network before starting the `monero-wallet-rpc` - Changed `bitcoin_confirmation_target` type from `usize` to `u16`.
This commit is contained in:
parent
d4503a6e9c
commit
253e0b0cf6
40 changed files with 1124 additions and 451 deletions
55
src-gui/src/renderer/components/other/ValidatedTextField.tsx
Normal file
55
src-gui/src/renderer/components/other/ValidatedTextField.tsx
Normal file
|
|
@ -0,0 +1,55 @@
|
|||
import { TextFieldProps, TextField } from "@material-ui/core";
|
||||
import { useState, useEffect, useCallback } from "react";
|
||||
|
||||
interface ValidatedTextFieldProps extends Omit<TextFieldProps, "onChange" | "value"> {
|
||||
value: string | null;
|
||||
isValid: (value: string) => boolean;
|
||||
onValidatedChange: (value: string | null) => void;
|
||||
allowEmpty?: boolean;
|
||||
helperText?: string;
|
||||
}
|
||||
|
||||
export default function ValidatedTextField({
|
||||
label,
|
||||
value = "",
|
||||
isValid,
|
||||
onValidatedChange,
|
||||
helperText = "Invalid input",
|
||||
variant = "standard",
|
||||
allowEmpty = false,
|
||||
...props
|
||||
}: ValidatedTextFieldProps) {
|
||||
const [inputValue, setInputValue] = useState(value || "");
|
||||
|
||||
const handleChange = useCallback(
|
||||
(newValue: string) => {
|
||||
const trimmedValue = newValue.trim();
|
||||
setInputValue(trimmedValue);
|
||||
|
||||
if (trimmedValue === "" && allowEmpty) {
|
||||
onValidatedChange(null);
|
||||
} else if (isValid(trimmedValue)) {
|
||||
onValidatedChange(trimmedValue);
|
||||
}
|
||||
},
|
||||
[allowEmpty, isValid, onValidatedChange]
|
||||
);
|
||||
|
||||
useEffect(() => {
|
||||
setInputValue(value || "");
|
||||
}, [value]);
|
||||
|
||||
const isError = allowEmpty && inputValue === "" ? false : !isValid(inputValue);
|
||||
|
||||
return (
|
||||
<TextField
|
||||
label={label}
|
||||
value={inputValue}
|
||||
onChange={(e) => handleChange(e.target.value)}
|
||||
error={isError}
|
||||
helperText={isError ? helperText : ""}
|
||||
variant={variant}
|
||||
{...props}
|
||||
/>
|
||||
);
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue