{{if .comments}}
	{{$comment := index .comments 0}}
	<div class="conversation-holder" data-path="{{$comment.TreePath}}" data-side="{{if eq $comment.DiffSide "previous"}}left{{else}}right{{end}}" data-idx="{{$comment.UnsignedLine}}">
		<div id="code-comments-{{$comment.ID}}" class="field comment-code-cloud">
			<div class="comment-list">
				<div class="ui comments">
					{{template "repo/diff/commit_comments" dict "root" $ "comments" .comments}}
				</div>
			</div>
			<div class="flex-text-block tw-mt-2 tw-flex-wrap tw-justify-end">
				<div class="ui buttons">
					<button class="ui icon tiny basic button previous-conversation">
						{{svg "octicon-arrow-up" 12}} {{ctx.Locale.Tr "repo.issues.previous"}}
					</button>
					<button class="ui icon tiny basic button next-conversation">
						{{svg "octicon-arrow-down" 12}} {{ctx.Locale.Tr "repo.issues.next"}}
					</button>
				</div>
			</div>
			{{if and $.SignedUserID (not $.Repository.IsArchived)}}
				{{template "repo/diff/commit_comment_form" dict "hidden" true "root" $}}
			{{end}}
		</div>
	</div>
{{end}}