Fix Booking page example (#501)

Co-authored-by: Maksim Sitnikov <[email protected]>

Author: 2 people

package-lock.json

@@ -10,6 +10,7 @@
     "@gravity-ui/charts": "^0.8.0",
     "@gravity-ui/components": "^4.16.0",
     "@gravity-ui/date-components": "^3.4.0",
+    "@gravity-ui/date-utils": "^2.6.0",
     "@gravity-ui/graph": "^1.0.0",
     "@gravity-ui/icons": "^2.16.0",
     "@gravity-ui/markdown-editor": "^15.1.0",

package.json

@@ -1,10 +1,5 @@
 import {PageConstructorProvider, Theme as PageConstructorTheme} from '@gravity-ui/page-constructor';
 import {Lang, ThemeProvider, configure as configureUiKit} from '@gravity-ui/uikit';
-import TimeAgo from 'javascript-time-ago';
-import en from 'javascript-time-ago/locale/en.json';
-import es from 'javascript-time-ago/locale/es.json';
-import ru from 'javascript-time-ago/locale/ru.json';
-import zh from 'javascript-time-ago/locale/zh.json';
 import Head from 'next/head';
 import React from 'react';
 import {useGravityAnimation} from 'src/hooks/useGravityAnimation';
@@ -18,11 +13,10 @@ import {Menu} from '../Menu/Menu';
 
 import './Layout.scss';
 import {Meta, MetaProps} from './Meta/Meta';
+import {initDateUtils, initTimeAgo} from './utils';
 
-TimeAgo.addDefaultLocale(en);
-TimeAgo.addLocale(ru);
-TimeAgo.addLocale(es);
-TimeAgo.addLocale(zh);
+initTimeAgo();
+initDateUtils();
 
 const b = block('layout');
 

src/components/Layout/Layout.tsx

@@ -0,0 +1,2 @@
+export * from './init-date-utils';
+export * from './init-time-ago';

src/components/Layout/utils/index.ts

@@ -0,0 +1,10 @@
+import {settings} from '@gravity-ui/date-utils';
+
+export const initDateUtils = () => {
+    settings.loadLocale('ru');
+    settings.loadLocale('es');
+    settings.loadLocale('zh');
+    settings.loadLocale('fr');
+    settings.loadLocale('de');
+    settings.loadLocale('ko');
+};

src/components/Layout/utils/init-date-utils.ts

@@ -0,0 +1,18 @@
+import TimeAgo from 'javascript-time-ago';
+import de from 'javascript-time-ago/locale/de.json';
+import en from 'javascript-time-ago/locale/en.json';
+import es from 'javascript-time-ago/locale/es.json';
+import fr from 'javascript-time-ago/locale/fr.json';
+import ko from 'javascript-time-ago/locale/ko.json';
+import ru from 'javascript-time-ago/locale/ru.json';
+import zh from 'javascript-time-ago/locale/zh.json';
+
+export const initTimeAgo = () => {
+    TimeAgo.addDefaultLocale(en);
+    TimeAgo.addLocale(ru);
+    TimeAgo.addLocale(es);
+    TimeAgo.addLocale(zh);
+    TimeAgo.addLocale(fr);
+    TimeAgo.addLocale(de);
+    TimeAgo.addLocale(ko);
+};