fixes

Author: ReDBrother

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

@@ -48,6 +48,7 @@ function StreamTaskInfoPanel({
   const result = JSON.stringify(assert?.result || assert?.value);
 
   const id = player?.id || 0;
+  const clanId = player?.clanId;
   const isWinner = output?.status === 'ok';
 
   return (
@@ -92,7 +93,7 @@ function StreamTaskInfoPanel({
                 )
               }
             >
-              {renderImg(id, imgStyle)}
+              {renderImg(clanId, imgStyle)}
             </div>
           </div>
         </div>

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

@@ -11,6 +11,7 @@ import useSearchParams from '@/utils/useSearchParams';
 
 import * as machineSelectors from '../../machines/selectors';
 import { connectToStream } from '../../middlewares/Stream';
+import { actions } from '../../slices';
 
 import StreamEditorPanel from './StreamEditorPanel';
 import StreamFullPanel from './StreamFullPanel';
@@ -66,11 +67,16 @@ function StreamWidget({
   const widthInfoPanelPercentage = toPrcStr(searchParams.has('widthInfoPanel') ? searchParams.get('widthInfoPanel') : 40);
   const widthEditorPanelPercentage = toPrcStr(searchParams.has('widthEditorPanel') ? searchParams.get('widthEditorPanel') : 60);
   const outputTitleWidth = toPrcStr(searchParams.has('outputTitleWidth') ? searchParams.get('outputTitleWidth') : 25);
+  const progressGifSize = toPxlStr(searchParams.has('progressGifSize') ? searchParams.get('progressGifSize') : 100);
+  const winGifSize = toPxlStr(searchParams.has('winGifSize') ? searchParams.get('winGifSize') : 100);
 
   const { mainService, waitingRoomService } = useGameRoomMachine({
     mainMachine,
     taskMachine,
     waitingRoomMachine,
+    options: {
+      withoutModals: false,
+    },
   });
 
   const roomMachineState = useMachineStateSelector(
@@ -90,6 +96,7 @@ function StreamWidget({
     const channel = setGameChannel(game.id);
 
     const options = { cancelRedirect: true };
+    dispatch(actions.clearGamePlayers());
     connectToGame(mainService, waitingRoomService, options)(dispatch);
 
     const clearChannel = () => {
@@ -140,6 +147,8 @@ function StreamWidget({
               testBarHeight={testBarHeight}
               testBarWinGifTop={testBarWinGifTop}
               testBarProgressGifTop={testBarProgressGifTop}
+              progressGifSize={progressGifSize}
+              winGifSize={winGifSize}
             />
           )}
           {orientations.LEFT === orientation && (
@@ -168,6 +177,8 @@ function StreamWidget({
                 testBarProgressGifTop={testBarProgressGifTop}
                 width={widthEditorPanelPercentage}
                 taskHeaderFontSize={taskHeaderFontSize}
+                progressGifSize={progressGifSize}
+                winGifSize={winGifSize}
               />
             </div>
           )}
@@ -183,6 +194,8 @@ function StreamWidget({
                 testBarProgressGifTop={testBarProgressGifTop}
                 width={widthEditorPanelPercentage}
                 taskHeaderFontSize={taskHeaderFontSize}
+                progressGifSize={progressGifSize}
+                winGifSize={winGifSize}
               />
               <StreamTaskInfoPanel
                 game={game}

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

@@ -26,6 +26,11 @@ const game = createSlice({
     updateRematchStatus: (state, { payload }) => {
       Object.assign(state.gameStatus, payload);
     },
+    clearGamePlayers: state => {
+      if (state.game?.players) {
+        state.game.players = {};
+      }
+    },
     updateGamePlayers: (state, { payload: { players: playersList } }) => {
       const newPlayersState = playersList.reduce(
         setPlayerToSliceState,