GitHub-Proxy/signoz
1
0
Fork 0
mirror of https://git.mirrors.martin98.com/https://github.com/SigNoz/signoz synced 2025-08-15 14:05:54 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: i18n support for setting route names

Browse Source
This commit is contained in:
Pranshu Chittora 2022-04-05 15:51:38 +05:30
parent 95f8dfb4bc
commit 42842b6b17
No known key found for this signature in database
GPG Key ID: 3A9E57A016CC0626
3 changed files with 20 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/public/locales/en/translation.json
View File

@ -1,5 +1,9 @@
{
"monitor_signup": "Monitor your applications. Find what is causing issues.",
"routes": {
"general": "General",
"alert_channels": "Alert Channels"
},
"settings": {
"total_retention_period": "Total Retention Period",
"move_to_s3": "Move to S3\n(should be lower than total retention period)",

12
frontend/src/pages/AlertChannelCreate/index.tsx
View File

@ -5,28 +5,32 @@ import CreateAlertChannels from 'container/CreateAlertChannels';
import GeneralSettings from 'container/GeneralSettings';
import history from 'lib/history';
import React from 'react';
import { useTranslation } from 'react-i18next';
function SettingsPage(): JSX.Element {
const pathName = history.location.pathname;
const { t } = useTranslation();
return (
<RouteTab
{...{
routes: [
{
Component: GeneralSettings,
name: 'General',
name: t('routes.general'),
route: ROUTES.SETTINGS,
},
{
Component: (): JSX.Element => {
return <CreateAlertChannels preType="slack" />;
},
name: 'Alert Channels',
name: t('routes.alert_channels'),
route: ROUTES.ALL_CHANNELS,
},
],
activeKey: pathName === ROUTES.SETTINGS ? 'General' : 'Alert Channels',
activeKey:
pathName === ROUTES.SETTINGS
? t('routes.general')
: t('routes.alert_channels'),
}}
/>
);

12
frontend/src/pages/AllAlertChannels/index.tsx
View File

@ -4,26 +4,30 @@ import AlertChannels from 'container/AllAlertChannels';
import GeneralSettings from 'container/GeneralSettings';
import history from 'lib/history';
import React from 'react';
import { useTranslation } from 'react-i18next';
function AllAlertChannels(): JSX.Element {
const pathName = history.location.pathname;
const { t } = useTranslation();
return (
<RouteTab
{...{
routes: [
{
Component: GeneralSettings,
name: 'General',
name: t('routes.general'),
route: ROUTES.SETTINGS,
},
{
Component: AlertChannels,
name: 'Alert Channels',
name: t('routes.alert_channels'),
route: ROUTES.ALL_CHANNELS,
},
],
activeKey: pathName === ROUTES.SETTINGS ? 'General' : 'Alert Channels',
activeKey:
pathName === ROUTES.SETTINGS
? t('routes.general')
: t('routes.alert_channels'),
}}
/>
);