syhily/yufan.me
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: better layer for reclusive comments.

Browse Source
This commit is contained in:
Yufan Sheng 2024-06-17 03:17:15 +08:00
parent e8c3937626
commit a6e1585757
Signed by: syhily
GPG Key ID: 9D18A22A7DCD5A9B
1 changed files with 16 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
src/components/comment/CommentItem.astro
View File

@ -49,19 +49,21 @@ const { comment, config, depth, pending } = Astro.props;
</div> </div>
</article> </article>
{ {
comment.children && comment.children && depth === 1 && (
(depth === 1 ? ( <ul class="children">
<ul class="children"> {comment.children.map((childComment) => (
{comment.children.map((childComment) => ( <Astro.self comment={childComment} config={config} depth={depth + 1} />
<Astro.self comment={childComment} config={config} depth={depth + 1} /> ))}
))} </ul>
</ul> )
) : (
<>
{comment.children.map((childComment) => (
<Astro.self comment={childComment} config={config} depth={depth + 1} />
))}
</>
))
} }
</li> </li>
{
comment.children && depth !== 1 && (
<>
{comment.children.map((childComment) => (
<Astro.self comment={childComment} config={config} depth={depth + 1} />
))}
</>
)
}