add 'stop' reaction, improve reaction button layout

src/ViewModel/Chat/chatMessageViewModel.ts

@@ -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:

src/ViewModel/Global/coreViewModel.ts

@@ -1,7 +1,7 @@
 import * as React from "bloatless-react";
 
 export default class CoreViewModel {
-    readonly BUILD = "Build 26.04.08.A"
+    readonly BUILD = "Build 26.04.08.B"
 
     // DRAG & DROP
     draggedObject: React.State<any> = new React.State<any>(undefined);