fixes

Author: ReDBrother

services/app/apps/codebattle/assets/js/widgets/pages/stream/StreamEditorPanel.jsx

@@ -17,6 +17,8 @@ function StreamEditorPanel({
   testBarHeight,
   testBarWinGifTop,
   testBarProgressGifTop,
+  progressGifSize,
+  winGifSize,
 }) {
   const editorSelector = orientation === 'left' ? leftEditorSelector : rightEditorSelector;
 
@@ -66,14 +68,18 @@ function StreamEditorPanel({
                 style={{ fontSize: taskHeaderFontSize }}
                 className="d-flex align-items-center cb-stream-widget-text italic mr-2"
               >
-                {`${Math.round(output.successCount / output.assertsCount)}/100`}
+                {`${Math.round(((output.successCount || 0) * 100) / (output.assertsCount || 1))}/100`}
               </div>
             </div>
             <img
               alt="И"
               src={isWinner ? '/assets/images/stream/win_bv.png' : '/assets/images/stream/progress.png'}
               className="position-absolute"
-              style={{ top: (isWinner ? testBarWinGifTop : testBarProgressGifTop) }}
+              style={{
+                top: (isWinner ? testBarWinGifTop : testBarProgressGifTop),
+                width: (isWinner ? winGifSize : progressGifSize),
+                height: (isWinner ? winGifSize : progressGifSize),
+              }}
             />
           </div>
         </div>

services/app/apps/codebattle/assets/js/widgets/pages/stream/StreamFullPanel.jsx

@@ -40,6 +40,8 @@ function StreamFullPanel({
   testBarHeight,
   testBarWinGifTop,
   testBarProgressGifTop,
+  progressGifSize,
+  winGifSize,
 }) {
   const leftEditor = useSelector(leftEditorSelector(roomMachineState));
   const rightEditor = useSelector(rightEditorSelector(roomMachineState));
@@ -195,14 +197,19 @@ function StreamFullPanel({
                     style={{ fontSize: testBarFontSize }}
                     className="d-flex align-items-center cb-stream-widget-text italic mr-2 inverted-bar"
                   >
-                    {`${Math.round((leftOutput.successCount || 0) / (leftOutput.assertsCount / 1))}/100`}
+                    {`${Math.round(((leftOutput.successCount || 0) * 100) / (leftOutput.assertsCount / 1))}/100`}
                   </div>
                 </div>
                 <img
                   alt="И"
                   src={isWinnerLeft ? '/assets/images/stream/win_bv.png' : '/assets/images/stream/progress.png'}
                   className="position-absolute"
-                  style={{ top: (isWinnerLeft ? testBarWinGifTop : testBarProgressGifTop), left: '-30px' }}
+                  style={{
+                    top: (isWinnerLeft ? testBarWinGifTop : testBarProgressGifTop),
+                    left: '-30px',
+                    width: (isWinnerLeft ? winGifSize : progressGifSize),
+                    height: (isWinnerLeft ? winGifSize : progressGifSize),
+                  }}
                 />
               </div>
             </div>
@@ -265,14 +272,19 @@ function StreamFullPanel({
                     style={{ fontSize: testBarFontSize }}
                     className="d-flex align-items-center cb-stream-widget-text italic inverted-bar mr-2"
                   >
-                    {`${Math.round((rightOutput.successCount || 0) / (rightOutput.assertsCount || 1))}/100`}
+                    {`${Math.round(((rightOutput.successCount || 0) * 100) / (rightOutput.assertsCount || 1))}/100`}
                   </div>
                 </div>
                 <img
                   alt="И"
                   src={isWinnerRight ? '/assets/images/stream/win_bv.png' : '/assets/images/stream/progress.png'}
                   className="position-absolute"
-                  style={{ top: (isWinnerRight ? testBarWinGifTop : testBarProgressGifTop), left: '-30px' }}
+                  style={{
+                    top: (isWinnerRight ? testBarWinGifTop : testBarProgressGifTop),
+                    left: '-30px',
+                    width: (isWinnerRight ? winGifSize : progressGifSize),
+                    height: (isWinnerRight ? winGifSize : progressGifSize),
+                  }}
                 />
               </div>
             </div>

services/app/apps/codebattle/assets/js/widgets/slices/game.js

@@ -27,8 +27,8 @@ const game = createSlice({
       Object.assign(state.gameStatus, payload);
     },
     clearGamePlayers: state => {
-      if (state.game?.players) {
-        state.game.players = {};
+      if (state.players) {
+        state.players = {};
       }
     },
     updateGamePlayers: (state, { payload: { players: playersList } }) => {