add 'stop' reaction, improve reaction button layout

2026-04-08 11:24:33 +00:00
parent 4945fb5136
commit ef25cd223d
9 changed files with 69 additions and 16 deletions
@@ -27,6 +27,7 @@ export default class ChatMessageViewModel {

    reactionsThumbsUp = new React.MapState<ChatMessageReaction>();
    reactionsCheck = new React.MapState<ChatMessageReaction>();
+    reactionsStop = new React.MapState<ChatMessageReaction>();
    reactionsAttention = new React.MapState<ChatMessageReaction>();
    reactionsDoubleAttention = new React.MapState<ChatMessageReaction>();
    reactionsQuestion = new React.MapState<ChatMessageReaction>();
@@ -39,6 +40,10 @@ export default class ChatMessageViewModel {
        [this.reactionsCheck],
        () => this.reactionsCheck.value.size,
    );
+    reactionsStopCount = React.createProxyState(
+        [this.reactionsStop],
+        () => this.reactionsStop.value.size,
+    );
    reactionsAttentionCount = React.createProxyState(
        [this.reactionsAttention],
        () => this.reactionsAttention.value.size,
@@ -90,6 +95,8 @@ export default class ChatMessageViewModel {
                return setReaction(this.reactionsThumbsUp);
            case ReactionSymbols.Check:
                return setReaction(this.reactionsCheck);
+            case ReactionSymbols.Stop:
+                return setReaction(this.reactionsStop);
            case ReactionSymbols.Attention:
                return setReaction(this.reactionsAttention);
            case ReactionSymbols.DoubleAttention: