appview/pages: use same reactions template for all UI

with the introduction of `const` function in funcmap, we can make
reusable template for all reaction UI.

Signed-off-by: Seongmin Lee <[e-mail]>

appview/pages/templates/repo/fragments/reactions.html

···
+{{ define "repo/fragments/reactions" }}
+  <div class="flex flex-wrap items-center gap-2">
+    {{- $reactions   := .Reactions -}}
+    {{- $userReacted := .UserReacted -}}
+    {{- $threadAt    := .ThreadAt -}}
+
+    {{ template "reactionsPopup" }}
+    {{ range $kind := const.OrderedReactionKinds }}
+      {{ $reactionData := index $reactions $kind }}
+      {{ template "repo/fragments/reaction"
+        (dict
+          "Kind"      $kind
+          "Count"     $reactionData.Count
+          "IsReacted" (index $userReacted $kind)
+          "ThreadAt"  $threadAt
+          "Users"     $reactionData.Users) }}
+    {{ end }}
+  </div>
+{{ end }}
+
+{{ define "reactionsPopup" }}
+  <details
+    id="reactionsPopUp"
+    class="relative inline-block"
+  >
+    <summary
+      class="flex justify-center items-center min-w-8 min-h-8 rounded border border-gray-200 dark:border-gray-700
+      hover:bg-gray-50
+      hover:border-gray-300
+      dark:hover:bg-gray-700
+      dark:hover:border-gray-600
+      cursor-pointer list-none"
+    >
+      {{ i "smile" "size-4" }}
+    </summary>
+      <div
+        class="absolute flex left-0 z-10 mt-4 rounded bg-white dark:bg-gray-800 dark:text-white border border-gray-200 dark:border-gray-700 shadow-lg"
+      >
+        {{ range $kind := const.OrderedReactionKinds }}
+        <button
+          id="reactBtn-{{ $kind }}"
+          class="size-12 hover:bg-gray-100 dark:hover:bg-gray-700"
+          hx-on:click="this.parentElement.parentElement.removeAttribute('open')"
+        >
+          {{ $kind }}
+        </button>
+          {{ end }}
+      </div>
+  </details>
+{{ end }}

appview/pages/templates/repo/fragments/reactionsPopUp.html

···
-{{ define "repo/fragments/reactionsPopUp" }}
-    <details
-        id="reactionsPopUp"
-        class="relative inline-block"
-    >
-        <summary
-            class="flex justify-center items-center min-w-8 min-h-8 rounded border border-gray-200 dark:border-gray-700
-                hover:bg-gray-50
-                hover:border-gray-300
-                dark:hover:bg-gray-700
-                dark:hover:border-gray-600
-                cursor-pointer list-none"
-        >
-            {{ i "smile" "size-4" }}
-        </summary>
-        <div
-            class="absolute flex left-0 z-10 mt-4 rounded bg-white dark:bg-gray-800 dark:text-white border border-gray-200 dark:border-gray-700 shadow-lg"
-        >
-            {{ range $kind := . }}
-                <button
-                    id="reactBtn-{{ $kind }}"
-                    class="size-12 hover:bg-gray-100 dark:hover:bg-gray-700"
-                    hx-on:click="this.parentElement.parentElement.removeAttribute('open')"
-                >
-                    {{ $kind }}
-                </button>
-            {{ end }}
-        </div>
-    </details>
-{{ end }}

appview/pages/templates/repo/issues/issue.html

···
   {{ if .Issue.Body }}
     <article id="body" class="mt-4 prose dark:prose-invert">{{ .Issue.Body | markdown }}</article>
   {{ end }}
-  <div class="flex flex-wrap gap-2 items-stretch mt-4">
-    {{ template "issueReactions" . }}
+  <div class="mt-4">
+    {{ template "repo/fragments/reactions"
+      (dict "Reactions"   .Reactions
+            "UserReacted" .UserReacted
+            "ThreadAt"    .Issue.AtUri) }}
   </div>
 </section>
 {{ end }}
···
     {{ i "loader-circle" "size-3 animate-spin hidden group-[.htmx-request]:inline" }}
   </a>
 {{ end }}
-
-{{ define "issueReactions" }}
-  <div class="flex items-center gap-2">
-      {{ template "repo/fragments/reactionsPopUp" const.OrderedReactionKinds }}
-      {{ range $kind := const.OrderedReactionKinds }}
-          {{ $reactionData := index $.Reactions $kind }}
-          {{
-              template "repo/fragments/reaction"
-              (dict
-                  "Kind"      $kind
-                  "Count"     $reactionData.Count
-                  "IsReacted" (index $.UserReacted $kind)
-                  "ThreadAt"  $.Issue.AtUri
-                  "Users"     $reactionData.Users)
-          }}
-      {{ end }}
-  </div>
-{{ end }}
-
 
 {{ define "repoAfter" }}
   <div class="flex flex-col gap-4 mt-4">

appview/pages/templates/repo/pulls/fragments/pullHeader.html

···
         </article>
     {{ end }}
 
-    {{ with const.OrderedReactionKinds }}
-    <div class="flex items-center gap-2 mt-2">
-        {{ template "repo/fragments/reactionsPopUp" . }}
-        {{ range $kind := . }}
-            {{ $reactionData := index $.Reactions $kind }}
-            {{
-                template "repo/fragments/reaction"
-                (dict
-                    "Kind"      $kind
-                    "Count"     $reactionData.Count
-                    "IsReacted" (index $.UserReacted $kind)
-                    "ThreadAt"  $.Pull.AtUri
-                    "Users"     $reactionData.Users)
-            }}
-        {{ end }}
+    <div class="mt-2">
+      {{ template "repo/fragments/reactions"
+        (dict "Reactions"   .Reactions
+              "UserReacted" .UserReacted
+              "ThreadAt"    .Pull.AtUri) }}
     </div>
-    {{ end }}
 </section>