mirror of
https://bitbucket.org/wisemapping/wisemapping-frontend.git
synced 2024-11-11 01:43:23 +01:00
Fix i18n issue on editor dialog
This commit is contained in:
parent
fdbad76428
commit
ce284a1202
@ -3,14 +3,15 @@ import ActionDispatcher from '../maps-page/action-dispatcher';
|
|||||||
import { ActionType } from '../maps-page/action-chooser';
|
import { ActionType } from '../maps-page/action-chooser';
|
||||||
import Editor from '@wisemapping/editor';
|
import Editor from '@wisemapping/editor';
|
||||||
import { EditorRenderMode, PersistenceManager } from '@wisemapping/mindplot';
|
import { EditorRenderMode, PersistenceManager } from '@wisemapping/mindplot';
|
||||||
|
import { IntlProvider } from 'react-intl';
|
||||||
import AppI18n from '../../classes/app-i18n';
|
import AppI18n, { Locales } from '../../classes/app-i18n';
|
||||||
import { useSelector } from 'react-redux';
|
import { useSelector } from 'react-redux';
|
||||||
import { hotkeysEnabled } from '../../redux/editorSlice';
|
import { hotkeysEnabled } from '../../redux/editorSlice';
|
||||||
import ReactGA from 'react-ga';
|
import ReactGA from 'react-ga';
|
||||||
import Client from '../../classes/client';
|
import Client from '../../classes/client';
|
||||||
import { activeInstance, fetchAccount, fetchMapById } from '../../redux/clientSlice';
|
import { activeInstance, fetchAccount, fetchMapById } from '../../redux/clientSlice';
|
||||||
import EditorOptionsBuilder from './EditorOptionsBuilder';
|
import EditorOptionsBulder from './EditorOptionsBuider';
|
||||||
|
|
||||||
|
|
||||||
export type EditorPropsType = {
|
export type EditorPropsType = {
|
||||||
isTryMode: boolean;
|
isTryMode: boolean;
|
||||||
@ -23,7 +24,6 @@ const EditorPage = ({ isTryMode }: EditorPropsType): React.ReactElement => {
|
|||||||
const client: Client = useSelector(activeInstance);
|
const client: Client = useSelector(activeInstance);
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
document.title = `${global.mapTitle ? global.mapTitle : 'unknown'} | WiseMapping `;
|
|
||||||
ReactGA.pageview(window.location.pathname + window.location.search);
|
ReactGA.pageview(window.location.pathname + window.location.search);
|
||||||
}, []);
|
}, []);
|
||||||
|
|
||||||
@ -37,16 +37,16 @@ const EditorPage = ({ isTryMode }: EditorPropsType): React.ReactElement => {
|
|||||||
const fetchResult = fetchMapById(mapId);
|
const fetchResult = fetchMapById(mapId);
|
||||||
if (!fetchResult.isLoading) {
|
if (!fetchResult.isLoading) {
|
||||||
if (fetchResult.error) {
|
if (fetchResult.error) {
|
||||||
throw new Error(`Map information could not be loaded: ${JSON.stringify(fetchResult)}`);
|
throw new Error(`User coild not be loaded: ${JSON.stringify(fetchResult.error)}`);
|
||||||
}
|
}
|
||||||
result = `edition-${fetchResult?.map?.role}`;
|
result = fetchResult.map.role === 'owner' ? 'edition-owner' : 'edition-editor';
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
return result;
|
return result;
|
||||||
}
|
}
|
||||||
|
|
||||||
// What is the role ?
|
// What is the role ?
|
||||||
const mapId = EditorOptionsBuilder.loadMapId();
|
const mapId = EditorOptionsBulder.loadMapId();
|
||||||
const mode = findEditorMode(isTryMode, mapId);
|
const mode = findEditorMode(isTryMode, mapId);
|
||||||
|
|
||||||
// Account settings can be null and editor cannot be initilized multiple times. This creates problems
|
// Account settings can be null and editor cannot be initilized multiple times. This creates problems
|
||||||
@ -56,12 +56,16 @@ const EditorPage = ({ isTryMode }: EditorPropsType): React.ReactElement => {
|
|||||||
|
|
||||||
let options, persistence: PersistenceManager;
|
let options, persistence: PersistenceManager;
|
||||||
if (loadCompleted) {
|
if (loadCompleted) {
|
||||||
options = EditorOptionsBuilder.build(userLocale.code, mode, hotkey);
|
options = EditorOptionsBulder.build(userLocale.code, mode, hotkey);
|
||||||
persistence = client.buildPersistenceManager(mode);
|
persistence = client.buildPersistenceManager(mode);
|
||||||
}
|
}
|
||||||
|
|
||||||
return loadCompleted ? (
|
return loadCompleted ? (
|
||||||
<>
|
<IntlProvider
|
||||||
|
locale={userLocale.code}
|
||||||
|
defaultLocale={Locales.EN.code}
|
||||||
|
messages={userLocale.message as Record<string, string>}
|
||||||
|
>
|
||||||
<Editor onAction={setActiveDialog}
|
<Editor onAction={setActiveDialog}
|
||||||
options={options}
|
options={options}
|
||||||
persistenceManager={persistence}
|
persistenceManager={persistence}
|
||||||
@ -75,7 +79,7 @@ const EditorPage = ({ isTryMode }: EditorPropsType): React.ReactElement => {
|
|||||||
fromEditor
|
fromEditor
|
||||||
/>
|
/>
|
||||||
}
|
}
|
||||||
</>) : <></>
|
</IntlProvider>) : <></>
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user