Skip to content

Move user visible strings in AboutModal to i18n #265

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 1 commit into from
Oct 2, 2025
Merged

Move user visible strings in AboutModal to i18n #265

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
18 changes: 18 additions & 0 deletions src/i18n/locales/en/translation.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -71,6 +71,24 @@
"NO_FILES_FOUND": "No {{type}} files found",
"MECHANISMS": "Mechanisms",
"OPMODES": "OpModes",
"ABOUT": {
"TITLE": "About",
"OK": "OK",
"VERSION": "Version",
"NAME": "Name",
"AUTHORS": "Authors",
"URL": "URL",
"LICENSE": "License",
"TAB_ATTRIBUTIONS": "Third-Party Attributions",
"TAB_DEPENDENCIES": "Dependencies",
"LOADING_ATTRIBUTIONS": "Loading attributions...",
"LOADING_DEPENDENCIES": "Loading dependencies...",
"ATTRIBUTIONS_NOT_FOUND": "Attributions file not found.",
"ERROR_LOADING_ATTRIBUTIONS": "Error loading attributions.",
"DEPENDENCIES_NOT_AVAILABLE": "Dependencies information not available.",
"ERROR_LOADING_DEPENDENCIES": "Error loading dependencies.",
"COPYRIGHT": "© 2025 FIRST. All rights reserved."
},
"BLOCKLY":{
"OF_TYPE": "of type",
"WITH": "with",
Expand Down
18 changes: 18 additions & 0 deletions src/i18n/locales/es/translation.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -72,6 +72,24 @@
},
"MECHANISMS": "Mecanismos",
"OPMODES": "OpModes",
"ABOUT": {
"TITLE": "Acerca de",
"OK": "Aceptar",
"VERSION": "Versión",
"NAME": "Nombre",
"AUTHORS": "Autores",
"URL": "URL",
"LICENSE": "Licencia",
"TAB_ATTRIBUTIONS": "Atribuciones de Terceros",
"TAB_DEPENDENCIES": "Dependencias",
"LOADING_ATTRIBUTIONS": "Cargando atribuciones...",
"LOADING_DEPENDENCIES": "Cargando dependencias...",
"ATTRIBUTIONS_NOT_FOUND": "Archivo de atribuciones no encontrado.",
"ERROR_LOADING_ATTRIBUTIONS": "Error al cargar atribuciones.",
"DEPENDENCIES_NOT_AVAILABLE": "Información de dependencias no disponible.",
"ERROR_LOADING_DEPENDENCIES": "Error al cargar dependencias.",
"COPYRIGHT": "© 2025 FIRST. Todos los derechos reservados."
},
"BLOCKLY": {
"OF_TYPE": "de tipo",
"WITH": "con",
Expand Down
18 changes: 18 additions & 0 deletions src/i18n/locales/he/translation.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -71,6 +71,24 @@
"NO_FILES_FOUND": "לא נמצאו קבצי {{type}}",
"MECHANISMS": "מנגנונים",
"OPMODES": "אופמודים",
"ABOUT": {
"TITLE": "אודות",
"OK": "אישור",
"VERSION": "גרסה",
"NAME": "שם",
"AUTHORS": "מחברים",
"URL": "כתובת URL",
"LICENSE": "רישיון",
"TAB_ATTRIBUTIONS": "ייחוסים לצד שלישי",
"TAB_DEPENDENCIES": "תלויות",
"LOADING_ATTRIBUTIONS": "טוען ייחוסים...",
"LOADING_DEPENDENCIES": "טוען תלויות...",
"ATTRIBUTIONS_NOT_FOUND": "קובץ הייחוסים לא נמצא.",
"ERROR_LOADING_ATTRIBUTIONS": "שגיאה בטעינת ייחוסים.",
"DEPENDENCIES_NOT_AVAILABLE": "מידע על תלויות אינו זמין.",
"ERROR_LOADING_DEPENDENCIES": "שגיאה בטעינת תלויות.",
"COPYRIGHT": "© 2025 FIRST. כל הזכויות שמורות."
},
"BLOCKLY": {
"OF_TYPE": "מטיפוס",
"WITH": "עם",
Expand Down
36 changes: 19 additions & 17 deletions src/reactComponents/AboutModal.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -21,6 +21,7 @@
import * as React from 'react';
import * as Antd from 'antd';
import { InfoCircleOutlined } from '@ant-design/icons';
import { useTranslation } from 'react-i18next';

declare const __APP_VERSION__: string;
const __APP_NAME__ = "SystemCore Blocks";
Expand All @@ -34,8 +35,9 @@ const AboutDialog: React.FC<AboutDialogProps> = ({
visible,
onClose,
}) => {
const [attributions, setAttributions] = React.useState<string>('Loading attributions...');
const [dependencies, setDependencies] = React.useState<string>('Loading dependencies...');
const { t } = useTranslation();
const [attributions, setAttributions] = React.useState<string>(t('ABOUT.LOADING_ATTRIBUTIONS'));
const [dependencies, setDependencies] = React.useState<string>(t('ABOUT.LOADING_DEPENDENCIES'));
const attributionsFile = '/attributions.txt'; // Path to the attributions file

React.useEffect(() => {
Expand All @@ -60,21 +62,21 @@ const AboutDialog: React.FC<AboutDialogProps> = ({
let text = ''

licenses.forEach((licenseData) => {
text += `Name: ${licenseData.name}\n`;
text += `Version: ${licenseData.version}\n`;
text += `Authors: ${licenseData.authors}\n`;
text += `URL: ${licenseData.url}\n`;
text += `License: ${licenseData.license}\n`;
text += `${t('ABOUT.NAME')}: ${licenseData.name}\n`;
text += `${t('ABOUT.VERSION')}: ${licenseData.version}\n`;
text += `${t('ABOUT.AUTHORS')}: ${licenseData.authors}\n`;
text += `${t('ABOUT.URL')}: ${licenseData.url}\n`;
text += `${t('ABOUT.LICENSE')}: ${licenseData.license}\n`;
text += `\n`;
});

setAttributions(text);
} else {
setAttributions('Attributions file not found.');
setAttributions(t('ABOUT.ATTRIBUTIONS_NOT_FOUND'));
}
} catch (error) {
console.error('Error loading attributions:', error);
setAttributions('Error loading attributions.');
setAttributions(t('ABOUT.ERROR_LOADING_ATTRIBUTIONS'));
}
};

Expand All @@ -96,11 +98,11 @@ const AboutDialog: React.FC<AboutDialogProps> = ({
});
setDependencies(depText);
} else {
setDependencies('Dependencies information not available.');
setDependencies(t('ABOUT.DEPENDENCIES_NOT_AVAILABLE'));
}
} catch (error) {
console.error('Error loading dependencies:', error);
setDependencies('Error loading dependencies.');
setDependencies(t('ABOUT.ERROR_LOADING_DEPENDENCIES'));
}
};

Expand All @@ -109,11 +111,11 @@ const AboutDialog: React.FC<AboutDialogProps> = ({
title={
<Antd.Space>
<InfoCircleOutlined />
About
{t('ABOUT.TITLE')}
</Antd.Space>
}
open={visible}
footer={[<Antd.Button key="submit" onClick={onClose}>OK</Antd.Button>]}
footer={[<Antd.Button key="submit" onClick={onClose}>{t('ABOUT.OK')}</Antd.Button>]}
onCancel={onClose}
onOk={onClose}
width={600}
Expand All @@ -122,7 +124,7 @@ const AboutDialog: React.FC<AboutDialogProps> = ({
<Antd.Space direction="vertical" style={{ width: '100%' }} size="small">
<div>
<Antd.Typography.Title level={4}>{__APP_NAME__}</Antd.Typography.Title>
<Antd.Typography.Text>Version: {__APP_VERSION__}</Antd.Typography.Text>
<Antd.Typography.Text>{t('ABOUT.VERSION')}: {__APP_VERSION__}</Antd.Typography.Text>
</div>

<Antd.Divider style={{ margin: '8px 0' }} />
Expand All @@ -131,7 +133,7 @@ const AboutDialog: React.FC<AboutDialogProps> = ({
items={[
{
key: 'attributions',
label: 'Third-Party Attributions',
label: t('ABOUT.TAB_ATTRIBUTIONS'),
children: (
<Antd.Input.TextArea
value={attributions}
Expand All @@ -147,7 +149,7 @@ const AboutDialog: React.FC<AboutDialogProps> = ({
},
{
key: 'dependencies',
label: 'Dependencies',
label: t('ABOUT.TAB_DEPENDENCIES'),
children: (
<Antd.Input.TextArea
value={dependencies}
Expand All @@ -166,7 +168,7 @@ const AboutDialog: React.FC<AboutDialogProps> = ({

<div style={{ textAlign: 'center', marginTop: '16px' }}>
<Antd.Typography.Text type="secondary">
© 2025 FIRST. All rights reserved.
{t('ABOUT.COPYRIGHT')}
</Antd.Typography.Text>
</div>
</Antd.Space>
Expand Down