@@ -7,7 +7,7 @@ import * as Selectors from "../../selectors";
77import  ResizeTarget  from  "../ResizeTarget" ; 
88import  {  WindowId  }  from  "../../types" ; 
99import  FocusTarget  from  "../FocusTarget" ; 
10- import  {  useActionCreator ,  useTypedSelector  }  from  "../../hooks" ; 
10+ import  {  useActionCreator ,  useSprite ,   useTypedSelector  }  from  "../../hooks" ; 
1111
1212interface  TextProps  { 
1313  children : string ; 
@@ -54,13 +54,18 @@ export const GenWindow = ({ children, title, windowId, onKeyDown }: Props) => {
5454  const  windowSize  =  getWindowSize ( windowId ) ; 
5555  const  selected  =  focusedWindow  ===  windowId ; 
5656  const  {  width,  height }  =  getWindowPixelSize ( windowId ) ; 
57+   const  topStyle  =  useSprite ( 
58+     selected 
59+       ? {  base : "GEN_TOP_CENTER_FILL_SELECTED"  } 
60+       : {  base : "GEN_TOP_CENTER_FILL"  } 
61+   ) ; 
5762  return  ( 
5863    < FocusTarget  windowId = { windowId }  onKeyDown = { onKeyDown } > 
5964      < div 
6065        className = { classnames ( "gen-window" ,  "window" ,  {  selected } ) } 
6166        style = { {  width,  height } } 
6267      > 
63-         < div  className = "gen-top draggable" > 
68+         < div  className = "gen-top draggable"   style = { topStyle } > 
6469          < div  className = "gen-top-left draggable"  /> 
6570          < div  className = "gen-top-left-fill draggable"  /> 
6671          < div  className = "gen-top-left-end draggable"  /> 
0 commit comments