index.tsx

import { Connect } from "dob-react"
import * as React from "react"
import { Props, State } from "./index.type"
import * as Styled from "./style"

@Connect
class Preview extends React.Component<Props, State> {
    public static defaultProps = new Props()
    public state = new State()

    public render() {
        return (
            <Styled.Container onClick={this.handleClick}>
                {this.props.stores.ApplicationStore.isPreview ? "Cancel" : "Preview"}
            </Styled.Container>
        )
    }

    private handleClick = () => {
        const setPreview = !this.props.stores.ApplicationStore.isPreview
        this.props.actions.ApplicationAction.resetApplication()
        this.props.actions.ApplicationAction.setPreview(setPreview)
    }
}

export default {
    position: "navbarRight",
    class: Preview
}