added user comments

views/partials/contextComment.hbs

@@ -0,0 +1,38 @@
+<!-- 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>