Loading articles...

;\n }\n\n if (items.length === 0) {\n return

No articles found

;\n }\n\n return items.map((article) => {\n // Convert article ID to string to match comment content_id format\n const articleIdString = article.id.toString();\n\n const authorInitial = article.firstName\n ? article.firstName.charAt(0).toUpperCase()\n : article.author_username\n ? article.author_username.charAt(0).toUpperCase()\n : \"A\";\n const authorName = `${article.firstName || article.author_username || \"Anonymous\"} ${article.fatherName || \"\"}`\n .trim();\n const publishDate = new Date(article.created_at).toLocaleDateString(\"en-US\", {\n year: \"numeric\",\n month: \"long\",\n day: \"numeric\",\n });\n\n const commentsForArticle = allComments.get(articleIdString) || [];\n const isCommentsExpanded = expandedComments.has(articleIdString);\n const commentsCount = article.comments_count || 0;\n\n // Handle main_idea display with different truncation for published vs draft\n const displayMainIdea = article.main_idea || \"No content available\";\n const isDraft = article.is_published === 0;\n const showTruncated = isDraft && displayMainIdea.length > 200;\n const truncatedMainIdea = showTruncated\n ? displayMainIdea.substring(0, 200) + \"...\"\n : displayMainIdea;\n\n return (\n

{authorInitial}

\n {authorName}\n \n {article.is_published === 1 ? \"Published\" : \"Draft\"}\n \n

{publishDate}

\n\n

{article.title}

\n {truncatedMainIdea}\n {showTruncated && (\n showFullContent(displayMainIdea)}\n style={{\n ...styles.readMoreLink,\n border: \"none\",\n background: \"none\",\n cursor: \"pointer\",\n padding: 0,\n }}\n >\n See All\n \n )}\n

\n\n {article.is_published === 1 && article.link && (\n \n Read More\n \n )}\n\n

\n toggleComments(article.id)}\n >\n Comments ({commentsCount}) {isCommentsExpanded ? \"▲ Hide\" : \"▼ Show\"}\n \n\n {isCommentsExpanded && (\n <>\n {commentsForArticle.length > 0\n ? (\n commentsForArticle.map(comment => {\n const commentAuthorName = `${comment.firstName || comment.author_username || \"Unknown\"} ${\n comment.fatherName || \"\"\n }`.trim();\n const commentDate = new Date(comment.created_at).toLocaleDateString(\"en-US\", {\n year: \"numeric\",\n month: \"short\",\n day: \"numeric\",\n hour: \"2-digit\",\n minute: \"2-digit\",\n });\n return (\n

\n {commentAuthorName}\n

{comment.comment}

\n {commentDate}\n

\n );\n })\n )\n :

No comments yet.

}\n\n {user && (\n

\n {commentFeedback && (submittingCommentForArticleId === article.id || !submittingCommentForArticleId)\n && (\n \n {commentFeedback.message}\n

\n )}\n setCurrentCommentText(e.target.value)}\n disabled={submittingCommentForArticleId === article.id}\n aria-label={`Add comment to ${article.title}`}\n />\n handleSubmitComment(article.id)}\n style={{\n ...styles.commentButton,\n opacity: submittingCommentForArticleId === article.id ? 0.6 : 1,\n }}\n disabled={submittingCommentForArticleId === article.id || !currentCommentText.trim()}\n >\n {submittingCommentForArticleId === article.id ? \"Submitting...\" : \"Post Comment\"}\n \n

\n )}\n \n )}\n

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

\n {/* Tabs */}\n

\n setActiveTab(\"published\")}\n >\n Published News\n

\n setActiveTab(\"unpublished\")}\n >\n Draft News\n

\n \n\n {/* Submit New Content Link */}\n {user && (\n \n + Submit a New Content\n \n )}\n\n {/* Articles Feed */}\n

\n {activeTab === \"published\"\n ? renderFeedItems(publishedArticles)\n : renderFeedItems(unpublishedArticles)}\n

\n\n {/* Full Content Modal */}\n {showFullContentModal.show && (\n

\n              {showFullContentModal.content}\n

\n copyToClipboard(showFullContentModal.content)}\n >\n Copy Text\n \n setShowFullContentModal({ show: false, content: \"\" })}\n >\n Close\n \n

\n )}\n \n );\n}","deleted","label",[172,154],"components","permalink","https://www.val.town/x/solomonferede/EEPPortal/code/components/feeds.tsx","extension","actionData","errors"]