Mirrors/webamp
1
0
Fork 0
mirror of https://github.com/captbaritone/webamp.git synced 2026-07-26 11:34:14 +00:00
Code Issues Projects Releases Wiki Activity

Use react-redux hooks in Shade

Browse source
This commit is contained in:
Jordan Eldredge 2019-08-20 07:42:54 -07:00
parent 576689642a
commit cc0e1aa5ee
1 changed files with 14 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

39
js/components/MainWindow/Shade.tsx
View file

@ -1,30 +1,19 @@
import React from "react";
import { connect } from "react-redux";
import ClickedDiv from "../ClickedDiv";
import { toggleMainWindowShadeMode } from "../../actionCreators";
import { Dispatch } from "../../types";
import * as Actions from "../../actionCreators";
import { useActionCreator } from "../../hooks";
interface DispatchProps {
handleClick(): void;
}
const Shade = React.memo(() => {
const handleClick = useActionCreator(Actions.toggleMainWindowShadeMode);
return (
<ClickedDiv
id="shade"
onMouseDown={handleClick}
onDoubleClick={e => e.stopPropagation()}
title="Toggle Windowshade Mode"
/>
);
});
const Shade = (props: DispatchProps) => (
<ClickedDiv
id="shade"
onMouseDown={props.handleClick}
onDoubleClick={e => e.stopPropagation()}
title="Toggle Windowshade Mode"
/>
);
const mapDispatchToProps = (dispatch: Dispatch): DispatchProps => {
return {
handleClick: () => dispatch(toggleMainWindowShadeMode()),
};
};
export default connect(
null,
mapDispatchToProps
)(Shade);
export default Shade;