mirror of
https://github.com/NoFxAiOS/nofx.git
synced 2026-06-06 05:51:19 +08:00
7d58f56e49
- Add PostgreSQL + SQLite hybrid database support with automatic switching - Implement frontend AES-GCM + RSA-OAEP encryption for sensitive data - Add comprehensive DatabaseInterface with all required methods - Fix compilation issues with interface consistency - Update all database method signatures to use DatabaseInterface - Add missing UpdateTraderInitialBalance method to PostgreSQL implementation - Integrate RSA public key distribution via /api/config endpoint - Add frontend crypto service with proper error handling - Support graceful degradation between encrypted and plaintext transmission - Add directory creation for RSA keys and PEM parsing fixes - Test both SQLite and PostgreSQL modes successfully 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: tinkle-community <tinklefund@gmail.com>
91 lines
3.0 KiB
TypeScript
91 lines
3.0 KiB
TypeScript
import { motion } from 'framer-motion'
|
|
import { X } from 'lucide-react'
|
|
import { t, Language } from '../../i18n/translations'
|
|
|
|
interface LoginModalProps {
|
|
onClose: () => void
|
|
language: Language
|
|
}
|
|
|
|
export default function LoginModal({ onClose, language }: LoginModalProps) {
|
|
return (
|
|
<motion.div
|
|
className="fixed inset-0 z-50 flex items-center justify-center p-4"
|
|
style={{ background: 'rgba(0, 0, 0, 0.8)' }}
|
|
initial={{ opacity: 0 }}
|
|
animate={{ opacity: 1 }}
|
|
exit={{ opacity: 0 }}
|
|
onClick={onClose}
|
|
>
|
|
<motion.div
|
|
className="relative max-w-md w-full rounded-2xl p-8"
|
|
style={{
|
|
background: 'var(--brand-dark-gray)',
|
|
border: '1px solid rgba(240, 185, 11, 0.2)',
|
|
}}
|
|
initial={{ scale: 0.9, y: 50 }}
|
|
animate={{ scale: 1, y: 0 }}
|
|
exit={{ scale: 0.9, y: 50 }}
|
|
onClick={(e) => e.stopPropagation()}
|
|
>
|
|
<motion.button
|
|
onClick={onClose}
|
|
className="absolute top-4 right-4"
|
|
style={{ color: 'var(--text-secondary)' }}
|
|
whileHover={{ scale: 1.1, rotate: 90 }}
|
|
whileTap={{ scale: 0.9 }}
|
|
>
|
|
<X className="w-6 h-6" />
|
|
</motion.button>
|
|
<h2
|
|
className="text-2xl font-bold mb-6"
|
|
style={{ color: 'var(--brand-light-gray)' }}
|
|
>
|
|
{t('accessNofxPlatform', language)}
|
|
</h2>
|
|
<p className="text-sm mb-6" style={{ color: 'var(--text-secondary)' }}>
|
|
{t('loginRegisterPrompt', language)}
|
|
</p>
|
|
<div className="space-y-3">
|
|
<motion.button
|
|
onClick={() => {
|
|
window.history.pushState({}, '', '/login')
|
|
window.dispatchEvent(new PopStateEvent('popstate'))
|
|
onClose()
|
|
}}
|
|
className="block w-full px-6 py-3 rounded-lg font-semibold text-center"
|
|
style={{
|
|
background: 'var(--brand-yellow)',
|
|
color: 'var(--brand-black)',
|
|
}}
|
|
whileHover={{
|
|
scale: 1.05,
|
|
boxShadow: '0 10px 30px rgba(240, 185, 11, 0.4)',
|
|
}}
|
|
whileTap={{ scale: 0.95 }}
|
|
>
|
|
{t('signIn', language)}
|
|
</motion.button>
|
|
<motion.button
|
|
onClick={() => {
|
|
window.history.pushState({}, '', '/register')
|
|
window.dispatchEvent(new PopStateEvent('popstate'))
|
|
onClose()
|
|
}}
|
|
className="block w-full px-6 py-3 rounded-lg font-semibold text-center"
|
|
style={{
|
|
background: 'var(--brand-dark-gray)',
|
|
color: 'var(--brand-light-gray)',
|
|
border: '1px solid rgba(240, 185, 11, 0.2)',
|
|
}}
|
|
whileHover={{ scale: 1.05, borderColor: 'var(--brand-yellow)' }}
|
|
whileTap={{ scale: 0.95 }}
|
|
>
|
|
{t('registerNewAccount', language)}
|
|
</motion.button>
|
|
</div>
|
|
</motion.div>
|
|
</motion.div>
|
|
)
|
|
}
|