react#createContext JavaScript Examples

Context = createContext()

AccountsContext = createContext({
  accounts: null,
  storeAccounts: () => {
    throw new Error('Accounts not yet ready.');
  },
  address: null,
  storeAddress: () => {
    throw new Error('Address not yet ready.');
  },
  keyring: null,
  storeKeyring: () => {
    throw new Error('Keyring not yet ready.');
  },
})

ResponsiveContext = createContext({
    isCalculated: false,
    mediaType: 'xs',
    lessThan: {},
    greaterThan: {},
    is: {},
    orientation: null,
    mobileBreakpoint: 'md',
})

CaptureDetailContext = createContext({
  capture: null,
  species: null,
  tags: [],
  getCaptureDetail: () => {},
  getSpecies: () => {},
  getTags: () => {},
  reset: () => {},
})

function AppContext(){
  const LangContext = createContext();
  const ThemeContext = createContext();

  const LangProvider = (props) => {
    const [lang, setLang] = useState("??");
    const changeLang = e => setLang(e.target.value);
    const langState = { lang, changeLang }; 
    return (
      <LangContext.Provider value={langState}>
        {props.children}
      </LangContext.Provider>
    );
  }
  const ThemeProvider = (props) => {
    const [theme, setTheme] = useState("light");
    const changeTheme = e => setTheme(e.target.value);
    const themeState = { theme, changeTheme };  
    return (
      <ThemeContext.Provider value={themeState}>
        {props.children}
      </ThemeContext.Provider>
    );
  }

  
  
  return {
    LangContext,
    LangProvider,
    ThemeContext,
    ThemeProvider
  }

}

StateContext = createContext({
  editValues: null,
  notification: null,
  darkMode: false,
  setEditValues: (values) => {},
  clearEdit: () => {},
  notify: (message, severity, duration) => {},
  clearNotif: () => {},
  toggleDarkMode: () => {},
})

ApplicationContext = createContext({})

AllowancesContext = createContext()

SessionContext = createContext()

DarkThemeContext = createContext(false)

elementContext = createContext()

DragContext = createContext({handleTableDrag() {}})

NotificationsContext = createContext()

CartContext = createContext()

ApiContext = createContext({
  api: initialApi,
  apiState: '',
  createApi: () => {
    throw new Error('Api not yet ready.');
  },
})

ThemeContext = createContext({
  theme: themes.lightOrange,
  setTheme: (theme) => {},
})

InitialContext = createContext()

UserContext = createContext()

AttributeContext = createContext()

InventoryContext = createContext(null)

DeviceContext = createContext()

ProfileContext = createContext()

ConfigContext = createContext()

MapContext = createContext()

FormContext = createContext()

CountContext = createContext()

UserContext = createContext({ user: null })

AppContext = createContext()

PopularAnimeContext = createContext()