@magicbell/magicbell-react/src/context/TranslationsContext.ts

React components for building a notification inbox for your app

import { pathOr } from 'ramda';
import { createContext, useCallback, useContext } from 'react';

const TranslationsContext = createContext<any>({});
export default TranslationsContext;

export const TranslationsProvider = TranslationsContext.Provider;
export const useTranslations = () => useContext(TranslationsContext);

export function useTranslate() {
  const translations = useTranslations();

  return useCallback(
    (id: string, defaultMessage?: string) => pathOr(defaultMessage, id.split('.'), translations),
    [translations],
  );
}