Sample Redux

/*********************** Imports ***********************/
import React from 'react';
import { connect } from 'react-redux';
import { useDispatch } from 'react-redux';
/********************* End Imports *********************/

/*********************** Toggle Function ***********************/
const Toggle = (props) => {
    const isOpen = useSelector(state => state.isOpen);

    const dispatch = useDispatch();

    const toggleOpenState = () => {
        dispatch({ type: "TOGGLE_STATE" });
    }

    return (
        <div>
            <Button onClick={toggleOpenState} name={isOpen ? "Close" : "Open"} />
        </div>
    );
};
/********************** End Toggle Function *******************/
export default Toggle;

/********************** Reducer Function *******************/
const isOpen = (state = false, action) => {
    if (action.type === "TOGGLE_STATE") {
        return !state;
    }

    return state;
}
/********************** End Reducer Function *******************/