diff --git a/frontend/public/index.html b/frontend/public/index.html new file mode 100644 index 0000000..56b6ea8 --- /dev/null +++ b/frontend/public/index.html @@ -0,0 +1,14 @@ + + + + + + + + Donation Frontend + + + +
+ + \ No newline at end of file diff --git a/frontend/src/Login.js b/frontend/src/Login.js index e94bd8e..761a3ed 100644 --- a/frontend/src/Login.js +++ b/frontend/src/Login.js @@ -10,10 +10,11 @@ function Login() { const handleLogin = (e) => { e.preventDefault(); + console.log('Wysyłane dane logowania:', { login, password }); fetch('http://localhost:4000/api/login', { method: 'POST', headers: { 'Content-Type': 'application/json' }, - body: JSON.stringify({ login, password }), + body: JSON.stringify({ login: login.trim(), password: password.trim() }), }) .then((res) => { if (!res.ok) throw new Error('Błąd logowania'); @@ -27,7 +28,7 @@ function Login() { alert('Niepoprawne dane logowania.'); }); }; - + return (
diff --git a/frontend/src/ProgressBar.js b/frontend/src/ProgressBar.js new file mode 100644 index 0000000..96629d1 --- /dev/null +++ b/frontend/src/ProgressBar.js @@ -0,0 +1,16 @@ +import React from 'react'; +import './App.css'; + +function ProgressBar({ value, max }) { + const percentage = max ? Math.min((value / max) * 100, 100) : 0; + + return ( +
+
+ {Math.round(percentage)}% +
+
+ ); +} + +export default ProgressBar; diff --git a/frontend/src/index.js b/frontend/src/index.js new file mode 100644 index 0000000..0785ad8 --- /dev/null +++ b/frontend/src/index.js @@ -0,0 +1,11 @@ +import React from 'react'; +import ReactDOM from 'react-dom/client'; +import App from './App'; +import './App.css'; // lub możesz utworzyć osobny plik index.css + +const root = ReactDOM.createRoot(document.getElementById('root')); +root.render( + + + +);