fixes

Author: ReDBrother

services/app/apps/codebattle/assets/css/style.scss

@@ -2608,12 +2608,14 @@ a:hover {
 }
 
 .cb-stream-left-bg {
-  background-image: url('../static/images/stream/left-bg.png');
+  // background-image: url('../static/images/stream/left-bg.png');
+  background-image: url('../static/images/stream/full-bg.png');
   background-color: rgba(0, 0, 0, 0.96);
 }
 
 .cb-stream-right-bg {
-  background-image: url('../static/images/stream/right-bg.png');
+  // background-image: url('../static/images/stream/right-bg.png');
+  background-image: url('../static/images/stream/full-bg.png');
   background-color: rgba(0, 0, 0, 0.96);
 }
 

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

@@ -25,7 +25,7 @@ const renderPlayerId = (id, verticalAlign) => (
 );
 
 const renderImg = (id, imgStyle, isWinner = false) => (
-  id ? <img style={imgStyle} src={`/assets/images/clans/${getUrl(id || 1, isWinner)}`} alt="И" /> : <></>
+  id ? <img style={imgStyle} src={`/assets/images/clans/${getUrl(id || 1, isWinner)}`} alt="" /> : <></>
 );
 
 function StreamFullPanel({
@@ -167,14 +167,14 @@ function StreamFullPanel({
             >
               {renderPlayerId(leftEditor?.playerId, statusVerticalAlign)}
             </div>
-            <div className="cb-stream-player-clan h-100 position-relative mr-3">
-              {/* {player?.clanId && ( */}
-              {renderImg(leftPlayer?.clanId, imgStyle, isWinnerLeft)}
-              {/* )} */}
-            </div>
+            {leftPlayer?.clanId && (
+              <div className="cb-stream-player-clan h-100 position-relative mr-3">
+                {renderImg(leftPlayer?.clanId, imgStyle, isWinnerLeft)}
+              </div>
+            )}
             <div
               className={cn(
-                'd-flex flex-column cb-stream-name cb-stream-widget-text',
+                'd-flex flex-column cb-stream-name cb-stream-widget-text ml-1',
               )}
               style={{ verticalAlign: statusVerticalAlign }}
             >
@@ -240,15 +240,15 @@ function StreamFullPanel({
             >
               {renderPlayerId(rightEditor?.playerId, statusVerticalAlign)}
             </div>
-            <div className="cb-stream-player-clan h-100 position-relative mr-3">
-              {/* {player?.clanId && ( */}
-              {renderImg(rightPlayer?.clanId, imgStyle, isWinnerRight)}
-              {/* )} */}
-            </div>
+            {rightPlayer?.clanId && (
+              <div className="cb-stream-player-clan h-100 position-relative mr-3">
+                {renderImg(rightPlayer?.clanId, imgStyle, isWinnerRight)}
+              </div>
+            )}
             <div
               className={
                 cn(
-                  'd-flex flex-column cb-stream-name cb-stream-widget-text',
+                  'd-flex flex-column cb-stream-name cb-stream-widget-text ml-1',
                 )
               }
               style={{ verticalAlign: statusVerticalAlign }}

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

@@ -10,8 +10,12 @@ import {
 
 import TaskDescriptionMarkdown from '../game/TaskDescriptionMarkdown';
 
-const renderImg = (id, imgStyle) => (
-  id ? <img style={imgStyle} src={`/assets/images/clans/${id || 1}.png`} alt="И" /> : <></>
+const getUrl = (id, isWinner) => (
+  isWinner ? `/assets/images/clans/${id}-win.png` : `/assets/images/clans/${id}.png`
+);
+
+const renderImg = (id, imgStyle, isWinner) => (
+  id ? <img style={imgStyle} src={getUrl(id, isWinner)} alt="" /> : <></>
 );
 
 const renderPlayerId = (id, verticalAlign) => (
@@ -93,7 +97,7 @@ function StreamTaskInfoPanel({
                 )
               }
             >
-              {renderImg(clanId, imgStyle)}
+              {renderImg(clanId, imgStyle, isWinner)}
             </div>
           </div>
         </div>