From c177f5f88296eb42b3af27bc8d7723741848f9ed Mon Sep 17 00:00:00 2001
From: Jordan Eldredge <jordan@jordaneldredge.com>
Date: Thu, 1 Oct 2020 22:56:32 -0700
Subject: [PATCH] Add example of sprite that might be missing

---
 packages/webamp/js/components/GenWindow/index.tsx | 9 +++++++--
 packages/webamp/js/skinSelectors.ts               | 2 --
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/packages/webamp/js/components/GenWindow/index.tsx b/packages/webamp/js/components/GenWindow/index.tsx
index 52faff985d..d685ea6e0c 100644
--- a/packages/webamp/js/components/GenWindow/index.tsx
+++ b/packages/webamp/js/components/GenWindow/index.tsx
@@ -7,7 +7,7 @@ import * as Selectors from "../../selectors";
 import ResizeTarget from "../ResizeTarget";
 import { WindowId } from "../../types";
 import FocusTarget from "../FocusTarget";
-import { useActionCreator, useTypedSelector } from "../../hooks";
+import { useActionCreator, useSprite, useTypedSelector } from "../../hooks";
 
 interface TextProps {
   children: string;
@@ -54,13 +54,18 @@ export const GenWindow = ({ children, title, windowId, onKeyDown }: Props) => {
   const windowSize = getWindowSize(windowId);
   const selected = focusedWindow === windowId;
   const { width, height } = getWindowPixelSize(windowId);
+  const topStyle = useSprite(
+    selected
+      ? { base: "GEN_TOP_CENTER_FILL_SELECTED" }
+      : { base: "GEN_TOP_CENTER_FILL" }
+  );
   return (
     <FocusTarget windowId={windowId} onKeyDown={onKeyDown}>
       <div
         className={classnames("gen-window", "window", { selected })}
         style={{ width, height }}
       >
-        <div className="gen-top draggable">
+        <div className="gen-top draggable" style={topStyle}>
           <div className="gen-top-left draggable" />
           <div className="gen-top-left-fill draggable" />
           <div className="gen-top-left-end draggable" />
diff --git a/packages/webamp/js/skinSelectors.ts b/packages/webamp/js/skinSelectors.ts
index 9b2aa8d492..f293305281 100644
--- a/packages/webamp/js/skinSelectors.ts
+++ b/packages/webamp/js/skinSelectors.ts
@@ -279,7 +279,6 @@ export const imageSelectors: Selectors = {
     "#volume input:active::-webkit-slider-thumb",
     "#volume input:active::-moz-range-thumb",
   ],
-  GEN_TOP_CENTER_FILL: [".gen-window .gen-top"],
   GEN_TOP_LEFT: [".gen-window .gen-top-left"],
   GEN_TOP_LEFT_END: [".gen-window .gen-top-left-end"],
   GEN_TOP_RIGHT: [".gen-window .gen-top-right"],
@@ -289,7 +288,6 @@ export const imageSelectors: Selectors = {
     ".gen-window .gen-top-right-fill",
   ],
 
-  GEN_TOP_CENTER_FILL_SELECTED: [".gen-window.selected .gen-top"],
   GEN_TOP_LEFT_SELECTED: [".gen-window.selected .gen-top-left"],
   GEN_TOP_LEFT_END_SELECTED: [".gen-window.selected .gen-top-left-end"],
   GEN_TOP_RIGHT_SELECTED: [".gen-window.selected .gen-top-right"],