Internationalization

To enable internationalization in your inbox, you need to wrap your components in SuprSendI18nProvider. This provider will take care of loading the translations and providing them to your components. This context provider is present in both @suprsend/react and @suprsend/react-core packages.

<SuprSendI18nProvider locale="fr">
  <Inbox />
</SuprSendI18nProvider>

locale is optional param which defaults to English language. We support translations for below langauges internally.

• en - English (default)
• fr - French
• de - German
• es - Spanish
• ar - Arabic

If you want to use other languages that are not supported by us or to override strings of existing languages, you can pass translations prop to SuprSendI18nProvider.

interface ITranslations {
  notifications?: string;
  markAllAsRead?: string;
  noNotificationsTitle?: string;
  noNotificationsDescription?: string;
  pinned?: string;
  markAsUnread?: string;
  markAsRead?: string;
  archive?: string;
  expiresIn?: string;
  minute?: string;
  minutes?: string;
  hour?: string;
  hours?: string;
  day?: string;
  days?: string;
  week?: string;
  weeks?: string;
  month?: string;
  months?: string;
  year?: string;
  years?: string;
}