Create EMPTY json-to-yaml page

Author: k.golikov

src/constants/router/menuItems.ts

@@ -70,6 +70,11 @@ const menuItems: MenuItem[] = [
             {
                 route: routes.dateUtils
             },
+            {
+                route: routes.jsonToYaml,
+                title: 'JSON to YAML converter',
+                isHidden: true
+            },
             {
                 route: routes.base64,
                 isHidden: true

src/constants/router/routes.tsx

@@ -29,6 +29,7 @@ import Base64Page from '../../pages/base64Page/Base64Page';
 import DataUrlPage from '../../pages/dataUrlPage/DataUrlPage';
 import DataUrlViewPage from '../../pages/dataUrlViewPage/DataUrlViewPage';
 import RouteContextInitializer from '../../layouts/RouteContextInitializer';
+import JsonToYamlPage from '../../pages/jsonToYamlPage/JsonToYamlPage';
 
 export interface AppRoute extends Omit<RouteProps, 'element'> {
     path: string;
@@ -57,6 +58,7 @@ type AppRoutesMap = Readonly<{
     jsonToTypescript: AppRoute;
     notificationsTest: AppRoute;
     dateUtils: AppRoute;
+    jsonToYaml: AppRoute;
     imageCompressor: AppRoute;
     htmlEditor: AppRoute;
     base64: AppRoute;
@@ -162,6 +164,11 @@ export const routes: AppRoutesMap = {
         component: DateUtilsPage,
         title: 'Date Utils'
     },
+    jsonToYaml: {
+        path: '/tools/json-to-yaml',
+        component: JsonToYamlPage,
+        title: 'JSON to YAML'
+    },
     imageCompressor: {
         path: '/tools/image-compressor',
         component: ImageCompressorPage,

src/pages/jsonToYamlPage/JsonToYamlPage.module.scss

@@ -0,0 +1,8 @@
+import React, { FunctionComponent } from 'react';
+import styles from './JsonToYamlPage.module.scss';
+
+const JsonToYamlPage: FunctionComponent = () => {
+    return <div></div>;
+};
+
+export default JsonToYamlPage;