🤝 Nursing Student Community

\n {replyTo && (\n

\n Replying to @{replyTo.username}: {replyTo.content}\n \n

\n )}\n

\n {messages\n .filter(msg => !msg.parentId) // Only show top-level messages\n .map(renderMessage)}\n

\n setInput(e.target.value)}\n onKeyPress={(e) => e.key === 'Enter' && handleSendMessage()}\n placeholder={\n replyTo \n ? `Replying to @${replyTo.username}...` \n : `Share your thoughts, ${username}...`\n }\n />\n \n

\n );\n}\n\n// [Rest of the implementation remains unchanged]\n\n// Update CSS to include reply-specific styles\nconst css = `\n/* [Previous CSS remains unchanged, add these additional styles] */\n.reply-message {\n margin-left: 20px;\n border-left: 3px solid #28A745;\n padding-left: 10px;\n background-color: #f0f6f0;\n}\n\n.reply-header {\n color: #007BFF;\n font-size: 0.8em;\n margin-bottom: 5px;\n font-style: italic;\n}\n\n.reply-info {\n background-color: #e6f2ff;\n padding: 10px;\n margin-bottom: 10px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n border-radius: 5px;\n}\n\n.reply-info button {\n background-color: #dc3545;\n color: white;\n border: none;\n padding: 5px 10px;\n border-radius: 3px;\n cursor: pointer;\n}\n`;","deleted","label",[98],"permalink","https://www.val.town/x/fave_24/nursingStudentSupportHub/code/main.tsx","extension","actionData","errors"]