frontend/components/UIContext.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

import React from 'react';

const UIContext = React.createContext();

class UIProvider extends React.Component {
  state = {
    isCartOpen: false,
  };
  render() {
    return (
      <UIContext.Provider
        value={{
          state: this.state,
          toggle: () => this.setState({ isCartOpen: !this.state.isCartOpen }),
        }}
      >
        {this.props.children}
      </UIContext.Provider>
    );
  }
}

export { UIContext, UIProvider };