webamp/js/components/MainWindow/Shade.tsx

import React from "react";
import ClickedDiv from "../ClickedDiv";

import * as Actions from "../../actionCreators";
import { useActionCreator } from "../../hooks";

const Shade = React.memo(() => {
  const handleClick = useActionCreator(Actions.toggleMainWindowShadeMode);
  return (
    <ClickedDiv
      id="shade"
      onMouseDown={handleClick}
      onDoubleClick={(e) => e.stopPropagation()}
      title="Toggle Windowshade Mode"
    />
  );
});

export default Shade;