\n \n User ID\n \n setUserId(e.target.value)}\n required\n style={{\n width: \"100%\",\n padding: \"10px\",\n borderRadius: \"4px\",\n border: \"1px solid #ddd\",\n }}\n placeholder=\"Enter your User ID\"\n />\n

\n \n Password\n \n setPassword(e.target.value)}\n required\n style={{\n width: \"100%\",\n padding: \"10px\",\n borderRadius: \"4px\",\n border: \"1px solid #ddd\",\n }}\n placeholder=\"Enter your password\"\n />\n

\n {error && (\n \n {error}\n \n )}\n e.currentTarget.style.backgroundColor = \"#45a049\"}\n onMouseOut={(e) => e.currentTarget.style.backgroundColor = \"#4CAF50\"}\n >\n Login\n \n \n Don't have an account? Sign Up\n \n \n \n \n );\n}\n\nfunction DashboardApp() {\n const [activeSubject, setActiveSubject] = useState(null);\n\n const handleEnroll = (enrollLink) => {\n window.open(enrollLink, \"_blank\");\n };\n\n const selectSubject = (subject) => {\n setActiveSubject(subject);\n };\n\n return (\n

📚 StudyPoor Learning Center

\n\n

\n {SUBJECTS.map((subject) => (\n selectSubject(subject)}\n className=\"subject-button\"\n >\n {subject.name}\n \n ))}\n

\n\n {activeSubject && (\n

{activeSubject.name} Class

\n setActiveSubject(null)}\n className=\"close-fullscreen-button\"\n >\n ✖️ Close\n \n

\n \n

\n )}\n\n \n

\n );\n}\n\nfunction client() {\n const path = window.location.pathname;\n if (path === \"/dashboard\") {\n createRoot(document.getElementById(\"root\")).render();\n } else {\n createRoot(document.getElementById(\"root\")).render();\n }\n}\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request): Promise {\n // Comprehensive user credentials\n const validCredentials = {\n \"vk\": \"11111111\",\n \"ak\": \"ak@123\",\n \"edu_user_003\": \"Tb1^ZmQu59&\",\n \"edu_user_004\": \"Vk8*QpLt67#\",\n \"edu_user_005\": \"Mb2%FrSn45@\",\n \"edu_user_006\": \"Yt9@KmVs31!\",\n \"edu_user_007\": \"Lq4#BnWp96^\",\n \"edu_user_008\": \"Sn6^HrLt78$\",\n \"edu_user_009\": \"Db5@TnMs34!\",\n \"edu_user_010\": \"Wm3#XpNv64&\",\n \"edu_user_011\": \"Zn2%QmTs47^\",\n \"edu_user_012\": \"Kr7*PlVs59$\",\n \"edu_user_013\": \"Yv9@LnMq23!\",\n \"edu_user_014\": \"Tp4#VnLs82&\",\n \"edu_user_015\": \"Am6^QpNt45@\",\n \"edu_user_016\": \"Qn8@RmLs31!\",\n \"edu_user_017\": \"Bw3#SnVt79^\",\n \"edu_user_018\": \"Lm5%QkTs28$\",\n \"edu_user_019\": \"Zt7*NpLs36!\",\n \"edu_user_020\": \"Yq6@RmPt94#\",\n };\n\n // Basic routing and login handling\n if (request.method === \"POST\") {\n try {\n const { userId, password } = await request.json();\n\n // Authentication logic\n if (validCredentials[userId] === password) {\n return new Response(\n JSON.stringify({\n message: \"Login successful\",\n user: userId,\n }),\n {\n status: 200,\n headers: {\n \"Content-Type\": \"application/json\",\n },\n },\n );\n } else {\n return new Response(JSON.stringify({ message: \"Invalid credentials\" }), {\n status: 401,\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n } catch (error) {\n return new Response(JSON.stringify({ message: \"Invalid request\" }), {\n status: 400,\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n }\n\n // Serve the login or dashboard page\n const path = new URL(request.url).pathname;\n\n return new Response(\n `\n \n \n StudyPoor\n \n \n \n \n

\n \n \n \n \n `,\n {\n headers: { \"content-type\": \"text/html\" },\n },\n );\n}\n\nconst css = `\nbody {\n font-family: Arial, sans-serif;\n max-width: 800px;\n margin: 0 auto;\n padding: 20px;\n background-color: #f4f4f4;\n display: flex;\n flex-direction: column;\n min-height: 100vh;\n}\n\n.container {\n background-color: white;\n border-radius: 10px;\n padding: 20px;\n box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n flex-grow: 1;\n display: flex;\n flex-direction: column;\n}\n\nh1 {\n text-align: center;\n color: #333;\n}\n\n.subject-buttons {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n justify-content: center;\n}\n\n.subject-button {\n padding: 10px 20px;\n background-color: #007bff;\n color: white;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n transition: background-color 0.3s ease;\n}\n\n.subject-button:hover {\n background-color: #0056b3;\n}\n\n.fullscreen-iframe-overlay {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.9);\n z-index: 1000;\n display: flex;\n flex-direction: column;\n}\n\n.fullscreen-iframe-container {\n flex-grow: 1;\n display: flex;\n flex-direction: column;\n padding: 10px;\n}\n\n.fullscreen-iframe-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 10px;\n color: white;\n}\n\n.close-fullscreen-button {\n background: none;\n border: none;\n color: white;\n font-size: 24px;\n cursor: pointer;\n}\n\n.fullscreen-iframe {\n flex-grow: 1;\n width: 100%;\n height: 100%;\n border: none;\n}\n\n.developer-footer {\n text-align: center;\n padding: 10px;\n background-color: #f1f1f1;\n margin-top: 20px;\n border-radius: 0 0 10px 10px;\n font-size: 0.8em;\n color: #666;\n}\n`;","deleted","label","studypoor",[99],"permalink","https://www.val.town/x/Aditya0010/Studypoor/code/5paid.tsx","extension","actionData","errors"]