[PlayerPanel] thumnnailUrl 경로변경

com.twin.app.shoptime/src/components/VideoPlayer/VideoPlayer.js

@@ -2232,7 +2232,7 @@ const VideoPlayerBase = class extends React.Component {
           bottomControlsVisible={this.state.mediaControlsVisible}
           onClick={this.onVideoClick}
         >
-          {!noSpinner && (this.state.loading || loading) ? (
+          {thumbnailUrl && !noSpinner && (this.state.loading || loading) ? (
             <>
               {!panelInfo.modal && (
                 <p className={css.thumbnail}>

com.twin.app.shoptime/src/views/PlayerPanel/PlayerPanel.jsx

@@ -329,8 +329,6 @@ const PlayerPanel = ({
         vdoTpNm: "Horizontal",
       };
     }
-
-    console.log("#panelInfo", panelInfo);
   }, [
     isOnTop,
     liveShowInfos,
@@ -1066,6 +1064,12 @@ const PlayerPanel = ({
     return selectedIndex;
   }, [panelInfo?.shptmBanrTpNm, selectedIndex]);
 
+  const videoThumbnailUrl = useMemo(() => {
+    if (showDetailInfo && showDetailInfo.length > 0) {
+      return showDetailInfo[0].thumbnailUrl;
+    }
+  }, [showDetailInfo]);
+
   const saveToLocalSettings = useCallback(() => {
     if (panelInfo?.shptmBanrTpNm === "VOD") {
       let recentItems = [];
@@ -1259,7 +1263,7 @@ const PlayerPanel = ({
             onLoadedMetadata={mediainfoHandler}
             onDurationChange={mediainfoHandler}
             reactPlayerConfig={reactPlayerSubtitleConfig}
-            thumbnailUrl={playListInfo[selectedIndex]?.thumbnailUrl}
+            thumbnailUrl={videoThumbnailUrl}
             videoComponent={
               (typeof window === "object" && !window.PalmSystem) || isYoutube
                 ? TReactPlayer