@@ -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