rimgo/views/partials/contextComment.hbs

<!-- TODO: remove post titles and instead use cover images -->

<div class="flex flex-col gap-2">
    <div class="flex gap-2 items-center">
        {{#noteq this.User.Username "[deleted]"}}
        <img src="{{this.User.Avatar}}" class="rounded-full" width="24" height="24" loading="lazy">
        <p class="whitespace-nowrap text-ellipsis overflow-hidden"></p><a href="/user/{{this.User.Username}}">
            <b class="underline">{{this.User.Username}}</b></span>
            on <a class="underline" href={{Post.Link}}>post title here {{Post.Title}}</a></p>
        </a>
        {{/noteq}}
        {{#equal this.User.Username "[deleted]"}}
        <p class="whitespace-nowrap text-ellipsis overflow-hidden"><b>[deleted]</b>
            on <a class="underline" href={{Post.Link}}>post title here {{Post.Title}}</a></p>
        {{/equal}}
    </div>
    <div>
        <p>{{{this.Comment}}}</p>
        <div class="flex gap-2">
            <span title="{{this.CreatedAt}}">{{this.RelTime}}</span>
            {{#if this.DeletedAt}}
            <span class="text-md">(deleted {{this.DeletedAt}})</span>
            {{/if}}
            |
            <img class="invert icon" src="/static/icons/PhArrowFatUp.svg" alt="Likes" width="24px" height="24px">
            {{this.Upvotes}}
            <img class="invert icon" src="/static/icons/PhArrowFatDown.svg" alt="Dislikes" width="24px" height="24px">
            {{this.Downvotes}}
        </div>
    </div>
    {{#if this.Comments}}
    <div class="ml-4 p-2 border-solid border-l-2 border-slate-400">
        {{#each this.Comments}}
        {{> partials/comment }}
        {{/each}}
    </div>
    {{/if}}
</div>