function MainComponent() { const [loginCode, setLoginCode] = React.useState(''); const [points, setPoints] = React.useState(0); const [userRole, setUserRole] = React.useState(''); const [timer, setTimer] = React.useState(null); React.useEffect(()=>{ if (points <= 0 && timer) { clearInterval(timer); setTimer(null); alert('Skończyły się punkty'); fetch('/api/db/alf', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ query: "DELETE FROM `inbox` WHERE `recipient` = 'collector'" }) }); } }, [ points, timer ]); const handleLoginSubmit = (e)=>{ e.preventDefault(); if (loginCode === '1234') { setUserRole('Collector'); fetchPoints(); } else if (loginCode === '2137') { setUserRole('Administrator'); fetchPoints(); } else { alert('Nieprawidłowy kod dostępu.'); } }; const handlePointsChange = (e)=>{ setPoints(e.target.value); }; const handleAddPoints = (e)=>{ e.preventDefault(); const modifiedPoints = parseInt(points, 10); if (userRole === 'Administrator' && !isNaN(modifiedPoints)) { updatePoints(modifiedPoints); } }; const handleRemovePoints = (e)=>{ e.preventDefault(); const modifiedPoints = parseInt(points, 10) * -1; if (userRole === 'Administrator' && !isNaN(modifiedPoints)) { updatePoints(modifiedPoints); } }; const handleStartStopTimer = ()=>{ if (timer) { clearInterval(timer); setTimer(null); } else { const newTimer = setInterval(()=>{ setPoints((prevPoints)=>Math.max(0, prevPoints - 1)); }, 45000); setTimer(newTimer); } }; const handleClearPoints = ()=>{ if (userRole === 'Administrator') { updatePoints(-points); } }; const updatePoints = (change)=>{ fetch('/api/db/alf', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ query: "DELETE FROM `inbox`" }) }).then(()=>fetch('/api/db/alf', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ query: `INSERT INTO \`inbox\` (\`message\`, \`recipient\`) VALUES ('${points + change}', 'collector')` }) })).then(()=>fetchPoints()); }; const fetchPoints = ()=>{ fetch('/api/db/alf', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ query: "SELECT `message` FROM `inbox` WHERE `recipient` = 'collector'" }) }).then((response)=>response.json()).then((data)=>{ if (data.length > 0) { const totalPoints = data.reduce((acc, curr)=>acc + parseInt(curr.message, 10), 0); setPoints(totalPoints); } else { setPoints(0); } }); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[#f0f2f5] p-4", __source: { fileName: "", lineNumber: 110, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold text-[#333] mb-6", __source: { fileName: "", lineNumber: 111, columnNumber: 7 }, __self: this }, "DrapMnie!"), /*#__PURE__*/ React.createElement("form", { className: "space-y-4 w-full max-w-xs", onSubmit: handleLoginSubmit, __source: { fileName: "", lineNumber: 112, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "password", name: "code", placeholder: "Kod dostępu...", className: "w-full p-2 border border-[#ccc] rounded", onChange: (e)=>setLoginCode(e.target.value), __source: { fileName: "", lineNumber: 113, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-[#007bff] text-white p-2 rounded", __source: { fileName: "", lineNumber: 114, columnNumber: 9 }, __self: this }, "Zaloguj")), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 116, columnNumber: 7 }, __self: this }, userRole === 'Collector' && /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-[#666]", __source: { fileName: "", lineNumber: 118, columnNumber: 11 }, __self: this }, "🔒 Konto Zbieracza: ", points * 45, " Sekund"), userRole === 'Administrator' && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("form", { onSubmit: handleAddPoints, __source: { fileName: "", lineNumber: 122, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "number", name: "points", placeholder: "Ilość punktów...", className: "w-full max-w-xs p-2 border border-[#ccc] rounded", onChange: handlePointsChange, __source: { fileName: "", lineNumber: 123, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full max-w-xs bg-[#28a745] text-white p-2 rounded mt-2", __source: { fileName: "", lineNumber: 124, columnNumber: 15 }, __self: this }, "Dodaj punkty")), /*#__PURE__*/ React.createElement("form", { onSubmit: handleRemovePoints, __source: { fileName: "", lineNumber: 126, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full max-w-xs bg-[#ffc107] text-white p-2 rounded mt-2", __source: { fileName: "", lineNumber: 127, columnNumber: 15 }, __self: this }, "Usuń punkty")), /*#__PURE__*/ React.createElement("button", { onClick: handleStartStopTimer, className: `w-full max-w-xs ${timer ? 'bg-[#dc3545]' : 'bg-[#007bff]'} text-white p-2 rounded mt-2`, __source: { fileName: "", lineNumber: 129, columnNumber: 13 }, __self: this }, timer ? 'Zatrzymaj' : 'Start', " stoper"), /*#__PURE__*/ React.createElement("button", { onClick: handleClearPoints, className: "w-full max-w-xs bg-[#dc3545] text-white p-2 rounded mt-2", __source: { fileName: "", lineNumber: 132, columnNumber: 13 }, __self: this }, "Wyczyść Punkty"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-[#666] mt-2", __source: { fileName: "", lineNumber: 133, columnNumber: 13 }, __self: this }, "📊 Aktualna liczba punktów: ", points)))); }