@@ -7,7 +7,7 @@ import * as Selectors from "../../selectors";
7
7
import ResizeTarget from "../ResizeTarget" ;
8
8
import { WindowId } from "../../types" ;
9
9
import FocusTarget from "../FocusTarget" ;
10
- import { useActionCreator , useTypedSelector } from "../../hooks" ;
10
+ import { useActionCreator , useSprite , useTypedSelector } from "../../hooks" ;
11
11
12
12
interface TextProps {
13
13
children : string ;
@@ -54,13 +54,18 @@ export const GenWindow = ({ children, title, windowId, onKeyDown }: Props) => {
54
54
const windowSize = getWindowSize ( windowId ) ;
55
55
const selected = focusedWindow === windowId ;
56
56
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
+ ) ;
57
62
return (
58
63
< FocusTarget windowId = { windowId } onKeyDown = { onKeyDown } >
59
64
< div
60
65
className = { classnames ( "gen-window" , "window" , { selected } ) }
61
66
style = { { width, height } }
62
67
>
63
- < div className = "gen-top draggable" >
68
+ < div className = "gen-top draggable" style = { topStyle } >
64
69
< div className = "gen-top-left draggable" />
65
70
< div className = "gen-top-left-fill draggable" />
66
71
< div className = "gen-top-left-end draggable" />
0 commit comments