New Support Request

Name: ${formData.name}

Email: ${formData.email}

Support Type: ${formData.supportType}

Message:

${formData.message}

\n `,\n });\n\n // Mark as submitted\n setSubmitted(true);\n } catch (err) {\n setError(\"Failed to send support request. Please try again.\");\n console.error(err);\n }\n };\n\n if (submitted) {\n return (\n

✅ Support Request Submitted

Our admin team will contact you at {formData.email} within 1-2 business days.

We'll send a Zoom meeting invitation for our weekly guidance session.

\n setSubmitted(false)}\n style={styles.resetButton}\n >\n Submit Another Request\n \n

\n );\n }\n\n return (\n

📞 Connect with Admin Support

Get personalized guidance for your academic journey. We offer:

📝 Application Assistance
🌐 University Selection Advice
💡 Scholarship Guidance
🤝 Weekly Zoom Meetings

\n\n

\n );\n}\n\nfunction StudentChat() {\n const [username, setUsername] = useState(\"\");\n const [isLoggedIn, setIsLoggedIn] = useState(false);\n const [messages, setMessages] = useState([]);\n const [newMessage, setNewMessage] = useState(\"\");\n const [socket, setSocket] = useState(null);\n const messagesEndRef = useRef(null);\n\n useEffect(() => {\n if (isLoggedIn) {\n const ws = new WebSocket(\"wss://way2go-chat.web.val.run/chat\");\n\n ws.onopen = () => {\n ws.send(JSON.stringify({ type: \"join\", username }));\n };\n\n ws.onmessage = (event) => {\n const data = JSON.parse(event.data);\n setMessages(prev => [...prev, data]);\n };\n\n setSocket(ws);\n\n return () => {\n ws.close();\n };\n }\n }, [isLoggedIn, username]);\n\n const scrollToBottom = () => {\n messagesEndRef.current?.scrollIntoView({ behavior: \"smooth\" });\n };\n\n useEffect(() => {\n scrollToBottom();\n }, [messages]);\n\n const handleLogin = () => {\n if (username.trim()) {\n setIsLoggedIn(true);\n }\n };\n\n const sendMessage = (e) => {\n e.preventDefault();\n if (newMessage.trim() && socket) {\n const messageData = {\n type: \"message\",\n username,\n text: newMessage,\n timestamp: new Date().toISOString(),\n };\n socket.send(JSON.stringify(messageData));\n setNewMessage(\"\");\n }\n };\n\n if (!isLoggedIn) {\n return (\n

\n setUsername(e.target.value)}\n placeholder=\"Enter your username\"\n style={styles.usernameInput}\n />\n \n

\n );\n }\n\n return (\n

\n {messages.map((msg, index) => (\n \n {msg.username}:\n {msg.text}\n

\n ))}\n

\n );\n}\n\nfunction App() {\n const [activeTab, setActiveTab] = useState(\"opportunities\");\n const [opportunities, setOpportunities] = useState(ACADEMIC_OPPORTUNITIES);\n const [filters, setFilters] = useState({\n country: \"\",\n degreeType: \"\",\n fundingAvailable: false,\n field: \"\",\n });\n\n const handleFilterChange = (e) => {\n const { name, value, type, checked } = e.target;\n setFilters(prev => ({\n ...prev,\n [name]: type === \"checkbox\" ? checked : value,\n }));\n };\n\n const filteredOpportunities = opportunities.filter(opp => {\n return (\n (filters.country ? opp.country === filters.country : true)\n && (filters.degreeType ? opp.degreeType === filters.degreeType : true)\n && (filters.fundingAvailable ? opp.fundingAvailable : true)\n && (filters.field ? opp.field.toLowerCase().includes(filters.field.toLowerCase()) : true)\n );\n });\n\n return (\n

🎓 Way2Go Admissions

\n\n

\n setActiveTab(\"opportunities\")}\n >\n Opportunities\n \n setActiveTab(\"support\")}\n >\n Admin Support\n \n setActiveTab(\"chat\")}\n >\n 🤝 Student Community\n \n

\n\n {activeTab === \"opportunities\"\n ? (\n <>\n

\n \n \n \n \n \n\n \n \n \n \n \n \n\n \n\n \n \n Funding Available\n \n

\n\n

\n {filteredOpportunities.length === 0 ?

No opportunities found matching your criteria.

: (\n filteredOpportunities.map(opp => (\n

{opp.university}

\n Country: {opp.country}\n

\n Degree: {opp.degreeType} in {opp.field}\n

\n Description: {opp.description}\n

\n Funding:\n {opp.fundingAvailable\n ? `${opp.fundingType} (${opp.fundingAmount})`\n : \"No funding available\"}\n

\n GPA Requirement: {opp.gpaRequirement}\n

\n Research Areas:\n {opp.researchAreas.join(\", \")}\n

\n Application Deadline: {opp.applicationDeadline}\n

\n \n Apply Now 🚀\n \n

\n ))\n )}\n

\n \n )\n : activeTab === \"support\"\n ? \n : }\n\n \n

\n );\n}\n\nconst styles = {\n container: {\n fontFamily: \"Arial, sans-serif\",\n maxWidth: \"800px\",\n margin: \"0 auto\",\n padding: \"20px\",\n backgroundColor: \"#f4f4f4\",\n },\n title: {\n textAlign: \"center\",\n color: \"#333\",\n marginBottom: \"20px\",\n },\n tabContainer: {\n display: \"flex\",\n marginBottom: \"20px\",\n gap: \"10px\",\n },\n tabButton: {\n padding: \"10px 20px\",\n border: \"1px solid #ddd\",\n borderRadius: \"5px\",\n cursor: \"pointer\",\n },\n filterContainer: {\n display: \"flex\",\n justifyContent: \"space-between\",\n marginBottom: \"20px\",\n flexWrap: \"wrap\",\n },\n select: {\n padding: \"10px\",\n margin: \"5px\",\n borderRadius: \"5px\",\n border: \"1px solid #ddd\",\n },\n input: {\n padding: \"10px\",\n margin: \"5px\",\n borderRadius: \"5px\",\n border: \"1px solid #ddd\",\n flexGrow: 1,\n },\n checkboxLabel: {\n display: \"flex\",\n alignItems: \"center\",\n margin: \"5px\",\n },\n opportunitiesList: {\n display: \"grid\",\n gap: \"15px\",\n },\n opportunityCard: {\n backgroundColor: \"white\",\n padding: \"15px\",\n borderRadius: \"8px\",\n boxShadow: \"0 2px 5px rgba(0,0,0,0.1)\",\n marginBottom: \"15px\",\n },\n applyButton: {\n display: \"inline-block\",\n backgroundColor: \"#28a745\",\n color: \"white\",\n padding: \"10px 15px\",\n textDecoration: \"none\",\n borderRadius: \"5px\",\n marginTop: \"10px\",\n fontWeight: \"bold\",\n },\n footer: {\n marginTop: \"20px\",\n textAlign: \"center\",\n },\n sourceLink: {\n color: \"#666\",\n textDecoration: \"none\",\n },\n supportContainer: {\n backgroundColor: \"white\",\n padding: \"20px\",\n borderRadius: \"8px\",\n boxShadow: \"0 2px 5px rgba(0,0,0,0.1)\",\n },\n supportList: {\n listStyleType: \"none\",\n padding: 0,\n marginBottom: \"20px\",\n },\n supportForm: {\n display: \"flex\",\n flexDirection: \"column\",\n gap: \"10px\",\n },\n formInput: {\n padding: \"10px\",\n borderRadius: \"5px\",\n border: \"1px solid #ddd\",\n width: \"100%\",\n },\n submitButton: {\n backgroundColor: \"#007bff\",\n color: \"white\",\n padding: \"10px\",\n border: \"none\",\n borderRadius: \"5px\",\n cursor: \"pointer\",\n },\n errorMessage: {\n backgroundColor: \"#f8d7da\",\n color: \"#721c24\",\n padding: \"10px\",\n borderRadius: \"5px\",\n marginBottom: \"10px\",\n },\n successMessage: {\n backgroundColor: \"#d4edda\",\n color: \"#155724\",\n padding: \"20px\",\n borderRadius: \"5px\",\n textAlign: \"center\",\n },\n resetButton: {\n backgroundColor: \"#007bff\",\n color: \"white\",\n padding: \"10px 20px\",\n border: \"none\",\n borderRadius: \"5px\",\n cursor: \"pointer\",\n marginTop: \"10px\",\n },\n loginContainer: {\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"center\",\n gap: \"10px\",\n padding: \"20px\",\n backgroundColor: \"white\",\n borderRadius: \"8px\",\n },\n usernameInput: {\n padding: \"10px\",\n width: \"100%\",\n borderRadius: \"5px\",\n border: \"1px solid #ddd\",\n },\n loginButton: {\n padding: \"10px 20px\",\n backgroundColor: \"#007bff\",\n color: \"white\",\n border: \"none\",\n borderRadius: \"5px\",\n cursor: \"pointer\",\n },\n chatContainer: {\n display: \"flex\",\n flexDirection: \"column\",\n height: \"500px\",\n backgroundColor: \"white\",\n borderRadius: \"8px\",\n },\n chatMessages: {\n flexGrow: 1,\n overflowY: \"auto\",\n padding: \"10px\",\n display: \"flex\",\n flexDirection: \"column\",\n gap: \"10px\",\n },\n chatMessage: {\n maxWidth: \"70%\",\n padding: \"10px\",\n borderRadius: \"10px\",\n wordWrap: \"break-word\",\n },\n chatInputContainer: {\n display: \"flex\",\n padding: \"10px\",\n backgroundColor: \"#f0f0f0\",\n borderBottomLeftRadius: \"8px\",\n borderBottomRightRadius: \"8px\",\n },\n chatInput: {\n flexGrow: 1,\n padding: \"10px\",\n borderRadius: \"5px 0 0 5px\",\n border: \"1px solid #ddd\",\n },\n chatSendButton: {\n padding: \"10px 20px\",\n backgroundColor: \"#007bff\",\n color: \"white\",\n border: \"none\",\n borderRadius: \"0 5px 5px 0\",\n cursor: \"pointer\",\n },\n};\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\n\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request): Promise {\n return new Response(\n `\n \n \n Way2Go Admissions\n \n \n \n

\n \n \n \n \n `,\n {\n headers: { \"content-type\": \"text/html\" },\n },\n );\n}","deleted","label",[99],"permalink","https://www.val.town/x/TouchIT/Way2go/code/main.tsx","extension","actionData","errors"]