d7732499b9
* Improve content layout shift on comment reactions + optimizations * Clean ups, tests, and docs * Fix test typo * Update app/views/comments/_comment_footer.html.erb Co-authored-by: Julianna Tetreault <32834804+juliannatetreault@users.noreply.github.com> * Update docs/technical-overview/architecture.md Co-authored-by: Vaidehi Joshi <vaidehi.sj@gmail.com> * Update docs/technical-overview/architecture.md Co-authored-by: Vaidehi Joshi <vaidehi.sj@gmail.com> * Update docs/technical-overview/architecture.md Co-authored-by: Vaidehi Joshi <vaidehi.sj@gmail.com> * Refactor and add jsdoc Co-authored-by: Julianna Tetreault <32834804+juliannatetreault@users.noreply.github.com> Co-authored-by: Vaidehi Joshi <vaidehi.sj@gmail.com>
35 lines
1.5 KiB
Text
35 lines
1.5 KiB
Text
<% cache("whole-comment-area-#{@article.id}-#{@article.last_comment_at}-#{@article.show_comments}", expires_in: 2.hours) do %>
|
|
<section id="comments" data-updated-at="<%= Time.current %>" class="text-padding mb-4 border-t-1 border-0 border-solid border-base-10">
|
|
<% if @article.show_comments %>
|
|
<header class="relative flex justify-between items-center mb-6">
|
|
<h2 class="crayons-subtitle-1">Discussion</h2>
|
|
<div id="comment-subscription">
|
|
<div role="presentation" class="crayons-btn-group">
|
|
<span class="crayons-btn crayons-btn--outlined">Subscribe</span>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<div
|
|
id="comments-container"
|
|
data-commentable-id="<%= @article.id %>"
|
|
data-commentable-type="Article"
|
|
data-has-recent-comment-activity="<%= @article.has_recent_comment_activity? %>">
|
|
<%= render "/comments/form", commentable: @article, commentable_type: "Article" %>
|
|
|
|
<div class="comments" id="comment-trees-container">
|
|
<% if @article.comments_count > 0 %>
|
|
<% Comment.tree_for(@article, @comments_to_show_count).each do |comment, sub_comments| %>
|
|
<% cache ["comment_root_cached_tree", comment] do %>
|
|
<%= tree_for(comment, sub_comments, @article) %>
|
|
<% end %>
|
|
<% end %>
|
|
<% end %>
|
|
</div>
|
|
</div>
|
|
|
|
<%= render "articles/comments_actions" %>
|
|
<% end %>
|
|
</section>
|
|
<% end %>
|
|
<% return if @warm_only %>
|