+
Tracked Addresses
- // Handle new address submission
- async function handleAddressSubmit(data) {
- try {
- const newAddress = await createAddress(data);
- // Append new address to state
- setAddresses((prev) => [...prev, newAddress]);
- setError(null); // Clear any previous errors
- } catch (err) {
- setError(err.message);
- console.error("Failed to create address:", err);
- }
- }
+
- return (
-
-
Tracked Addresses
-
-
-
-
-
Existing Addresses
- {loading &&
Loading addresses...
}
- {error &&
Error: {error}
}
- {!loading && !error && addresses.length === 0 && (
-
- No addresses tracked yet. Add one above to get started.
-
- )}
- {addresses.length > 0 && (
-
- )}
-
-
- );
+
+
Existing Addresses
+ {loading &&
Loading addresses...
}
+ {error &&
Error: {error}
}
+ {!loading && !error && addresses.length === 0 && (
+
+ No addresses tracked yet. Add one above to get started.
+
+ )}
+ {addresses.length > 0 && (
+
+ )}
+
+
Loading...
;
}
- fetchAlertEvents();
- }, []);
+ if (error) {
+ return (
+ Loading...
;
- }
+ return (
+ Loading addresses...
;
- }
+ if (loading) {
+ return Loading addresses...
;
+ }
+
+ if (addresses.length === 0) {
+ return (
+
+
+ Alert Rules & Notifications
+
- return (
-
-
Alert Rules & Notifications
-
- {/* Two-column layout */}
-
-
- {/* LEFT COLUMN: Alert Rules */}
-
-
Alert Rules
-
- {/* Address selector */}
-
-
-
-
- {/* RIGHT COLUMN: Notification Settings */}
-
-
Notification Settings
-
- {notificationSuccess && (
-
- {notificationSuccess}
-
- )}
-
- {notificationError && (
-
- {notificationError}
-
- )}
-
- {/* Master toggle */}
-
-
-
- Master switch for all notification channels
-
-
-
- {/* Discord Section */}
-
-
Discord
-
-
-
-
setDiscordWebhookUrl(e.target.value)}
- placeholder="https://discord.com/api/webhooks/..."
- style={{
- width: '100%',
- padding: '0.5rem',
- fontSize: '1rem',
- backgroundColor: '#1a1a1a',
- border: '1px solid #444',
- borderRadius: '4px',
- color: 'white',
- fontFamily: 'monospace',
- fontSize: '0.9rem'
- }}
- />
-
-
-
-
-
-
-
-
-
-
- {/* Telegram Section (Coming Soon) */}
-
-
Telegram
-
- Coming Soon
-
-
-
- {/* Email Section (Coming Soon) */}
-
-
Email
-
- Coming Soon
-
-
-
-
-
-
- );
+ );
}
// Helper to format alert type for display
function formatAlertType(type) {
- const labels = {
- incoming_tx: "Incoming transaction",
- outgoing_tx: "Outgoing transaction",
- large_transfer: "Large transfer",
- balance_below: "Balance below threshold",
- };
- return labels[type] || type;
+ const labels = {
+ incoming_tx: "Incoming transaction",
+ outgoing_tx: "Outgoing transaction",
+ large_transfer: "Large transfer",
+ balance_below: "Balance below threshold",
+ };
+ return labels[type] || type;
}
diff --git a/frontend/src/pages/Login.jsx b/frontend/src/pages/Login.jsx
index fda82f2..1842833 100644
--- a/frontend/src/pages/Login.jsx
+++ b/frontend/src/pages/Login.jsx
@@ -1,143 +1,146 @@
/**
* Login Page
- *
+ *
* Allows existing users to sign in with email and password
*/
-import { useState } from 'react';
-import { Link, useNavigate } from 'react-router-dom';
-import { useAuth } from '../contexts/AuthContext';
+import { useState } from "react";
+import { Link, useNavigate } from "react-router-dom";
+import { useAuth } from "../contexts/AuthContext";
export default function Login() {
- const [email, setEmail] = useState('');
- const [password, setPassword] = useState('');
- const [error, setError] = useState('');
- const [loading, setLoading] = useState(false);
-
- const { login } = useAuth();
- const navigate = useNavigate();
+ const [email, setEmail] = useState("");
+ const [password, setPassword] = useState("");
+ const [error, setError] = useState("");
+ const [loading, setLoading] = useState(false);
- async function handleSubmit(e) {
- e.preventDefault();
+ const { login } = useAuth();
+ const navigate = useNavigate();
- // Validation
- if (!email || !password) {
- setError('Please fill in all fields');
- return;
+ async function handleSubmit(e) {
+ e.preventDefault();
+
+ // Validation
+ if (!email || !password) {
+ setError("Please fill in all fields");
+ return;
+ }
+
+ try {
+ setError("");
+ setLoading(true);
+ await login(email, password);
+ navigate("/addresses"); // Redirect to main app
+ } catch (err) {
+ setError("Failed to log in: " + err.message);
+ } finally {
+ setLoading(false);
+ }
}
- try {
- setError('');
- setLoading(true);
- await login(email, password);
- navigate('/addresses'); // Redirect to main app
- } catch (err) {
- setError('Failed to log in: ' + err.message);
- } finally {
- setLoading(false);
- }
- }
-
- return (
-
-
- Koin Ping - Login
-
-
- {error && (
-
- {error}
-
- )}
-
-
+
+ Koin Ping - Login
+
-
-
- Don't have an account?{' '}
-
- Sign up here
-
-
-
-
- );
+ {error && (
+
+ {error}
+
+ )}
+
+
+
+
+
+ Don't have an account?{" "}
+
+ Sign up here
+
+
+
+
-
- Koin Ping - Sign Up
-
-
- {error && (
-
- {error}
-
- )}
-
-
+
+ Koin Ping - Sign Up
+
-
-
- Already have an account?{' '}
-
- Log in here
-
-
-
-