From a6128a73287b88403c3872c107b4916ddd2d848c Mon Sep 17 00:00:00 2001
From: undefined <i@undefined.moe>
Date: Thu, 13 Jul 2023 15:24:57 +0800
Subject: [PATCH] ui: keep reactions sorted after change

---
 packages/ui-default/components/discussion/reaction.page.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/ui-default/components/discussion/reaction.page.tsx b/packages/ui-default/components/discussion/reaction.page.tsx
index a86aa7ab6..6cd3593bc 100644
--- a/packages/ui-default/components/discussion/reaction.page.tsx
+++ b/packages/ui-default/components/discussion/reaction.page.tsx
@@ -10,9 +10,9 @@ import { request } from 'vj/utils';
 
 function renderReactions(reactions, self, rootEle) {
   let html = '';
-  for (const key in reactions) {
-    if (!reactions[key]) continue;
-    html += `<div class="reaction${self[key] ? ' active' : ''}""><span class="emoji">${key}</span> ${reactions[key]}</div>\n`;
+  for (const [k, v] of Object.entries(reactions).sort(([, v1], [, v2]) => +v2 - +v1)) {
+    if (!v) continue;
+    html += `<div class="reaction${self[k] ? ' active' : ''}""><span class="emoji">${k}</span> ${v}</div>\n`;
   }
   rootEle.html(html);
 }