David Baker
5370f25870
* Introduce i18nContext * Adds a context that holds the module i1n API * Switches shared components to use that instead of importing it directly * Adds the context to MatrixChat and BaseDalog so it should be available most places in EW This is a relatively small PR but does change the way the shared components do i18n so just doing this one by itself (it stands by itself anyway). This will allow shared components to use i18n when used in modules. * Add the file * Fix import lint * Name the translate function _t Then it should continue to get picked up by the script This seems a bit flaky and ew but I'm not sure I want to get into changing this in this PR. * Put humanize back to calling something called _t too * Missed one * Add i18n context wrapper to stories * Unused import * Fix imports * wrap richitem * Wrap other richitem & richlist * One day I will get my head around this syntax * Fix import spacing * Add wrapper to test * unused import * Hack around dependency cycle * Make a moduleapi instance for tests * Add i18n wrapper to jest-matrix-react * Simple test for i18napi * Import type * Move i18n context wrapper to storybook template * Unused imports & fix pill story * Move i18n to its own provider * Add i18ncontext wrapper to jest tests * imports * Bump module api to 1.7.0 * tsdoc
28 lines
805 B
TypeScript
28 lines
805 B
TypeScript
/*
|
|
Copyright 2025 Element Creations Ltd.
|
|
|
|
SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
|
|
Please see LICENSE files in the repository root for full details.
|
|
*/
|
|
|
|
import { createContext, useContext } from "react";
|
|
import { type I18nApi } from "@element-hq/element-web-module-api";
|
|
|
|
export const I18nContext = createContext<I18nApi | null>(null);
|
|
I18nContext.displayName = "I18nContext";
|
|
|
|
/**
|
|
* A hook to get the i18n API from the context. Will throw if no i18n context is found.
|
|
* @throws If no i18n context is found
|
|
* @returns The i18n API from the context
|
|
*/
|
|
export function useI18n(): I18nApi {
|
|
const i18n = useContext(I18nContext);
|
|
|
|
if (!i18n) {
|
|
throw new Error("useI18n must be used within an I18nContext.Provider");
|
|
}
|
|
|
|
return i18n;
|
|
}
|